Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 24, 2013 at 10:40 am #26662
    500Webmaster

    Hi, when you use the bullet point/numbering formatting options in a text element and the text runs into the next line, is it possible to align it so that the text lines up with where it originally started after the bullet point and not right at the beginning of the line? Such as in the images in this example? http://photoshopcafe.com/cafe/showthread.php?39705-aligning-lines-of-text-when-using-bullets

    Thanks

    July 26, 2013 at 5:51 pm #131193
    Devin

    Hi 500Webmaster,

    Can we see the example you have on your live site with the bullet points? I think I get what you are saying but seeing it live vs the example will let us inspect the code and css at the same time.

    Regards,

    Devin

    July 29, 2013 at 7:35 am #131194
    500Webmaster

    Hi Devin, sure – there are plenty of examples on this page: http://500.uk.com/500-services/ The bullet points under “Phone Features” for example.

    The word “communications” should be aligned with the start of the phrase “A desktop…”

    I hope this helps.

    Thanks

    July 31, 2013 at 1:51 am #131195
    Devin

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .entry-content ul {
    
list-style: disc outside !important;
    
}

    Regards,

    Devin

    August 8, 2013 at 9:02 am #131196
    500Webmaster

    Hi Devin,

    Yes that works – however, it seems to have reset other functions of the bullet points feature. We had added this code earlier, as it allowed bullet points to follow sentences to the center when aligned to center, and not stay on the left hand side:

    ol {

    float:right;

    }

    This is now rendered mute with your changes. Is there a way to still keep this active? Sorry, I didn’t think of mentioning it before.

    Thanks

    August 9, 2013 at 7:39 pm #131197
    Devin

    Its an either or kind of situation. If you want it to only effect certain elements then you need to wrap them in a class that you can then target and have the list-style: disc outside; applied to that class without affecting the other elements.

    If you have an example with both on a single page I may be able to assist with a sample but it isn’t something that can be auto set to always work both ways from your description.

    September 11, 2013 at 1:36 pm #131198
    500Webmaster

    Got it, thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Bullet Point Alignment’ is closed to new replies.