Fixing list styling (OptimizePress)

  • Resolved jevgeni123

    (@jevgeni123)


    6 years, 7 months ago

    Hi, humbly asking for a little (and hopefully simple) help here:

    I would like to change the styling of my

      -lists. At this moment my lists use

      list-style-position: inside;

      -property, which I would like to change, because it adds one indentation too much (as seen here: http://elaparemmin.fi/blogi/9-vinkkia-hyvaan-meditaatioon/ , under 3. subheading).

      I tried adding following code into “custom css” -box which OptimizePress uses for custom code:

      ul {
    list-style-position: outside;
}

      and

      .entry ul, .comment ul{
list-style: square outside;

      This did not work, apparently the code itself is bad (I don’t actually know css, just some very basic stuff). What would be a better code to achieve this?

      Thanks a lot in advance, I appreciate the help!

      Sincerely,

      J

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • wbcomdesigns

    (@wbcomdesigns)

    6 years, 7 months ago

    Hello @jevgeni123

     .single-post-content ul {
    list-style-position: outside !important;
}

    Hope it helps and let me know if you require any further assistance.

    Thanks.

    Anonymous User 15646442

    (@anonymized-15646442)

    6 years, 7 months ago

    ul {
    list-style-position: outside;
}

    Your above code is good but is too generic as it is assigns that style to all unordered lists (ul). 

    .single-post-content ul {
    list-style-position: outside !important;
}

    The above code by @wbcomdesigns is a little more specific as it assigns that style to unordered lists (ul) that’s within the class single-post-content. As this has a more specific selector, it will override the previous less specific selector.

    The !important rule overrides any changes made to that particular property which in this case is list-style-position.

    Thread Starter jevgeni123

    (@jevgeni123)

    6 years, 7 months ago

    Thank you both! I used the second code and works like wonder, very grateful!

    Thread Starter jevgeni123

    (@jevgeni123)

    6 years, 7 months ago

    Marking as resolved :).

    wbcomdesigns

    (@wbcomdesigns)

    6 years, 7 months ago

    Glad to Know 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Fixing list styling (OptimizePress)’ is closed to new replies.