Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 15, 2018 at 9:38 am #942156
    hartgen

    Dear all,

    I’m trying to change the style of unordered lists by adding the following to the quick CSS section. It changes the sign before the list items from a circle to an arrow (similar to “>”):

    li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    }

    li:before {
    content: “\25BA \0020”;
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: -10px;
    }

    And it works so far.

    But not only the style of the unordered list is changed by this CSS. It also changes the style of the top menu:
    Before each menu item an arrow is added.

    Could you please help me how to change the style of the unordered list without changing the style of the menu?

    Best regards
    Jorg

    April 15, 2018 at 12:31 pm #942179
    Guenni007

    just be more specific :

    .avia_textblock li {
    list-style-type: none;
    position: relative;
    padding-left: 10px !important;
    margin-left: 5px !important;
}

.avia_textblock li:before {
    content: "\25BA \0020";
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: -10px;
}

    margin-left is for the indent – if you like to have no line to the Text above – give it a bit more px’s

    April 15, 2018 at 10:55 pm #942327
    Basilis

    Hi,


    @Guenni007     thank you for your help once again.

    Let us know if that would work properly for you.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.