Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 19, 2021 at 2:02 am #1301088
    smorano

    So basically I’ve been trying to get rid of the dotted lines surrounding all the catalog items. I tried a bunch of things and nothing worked. I ended up using this code found in another thread.

    #top .av-catalogue-container li  {
    border: none;
}

    using the custom CSS tab and that got rid of most of them but there are still dotted lines in between each full catalog element (the top and bottom of the entire box housing multiple items.

    Can I get rid of those as well?

    example

    Also how come it works when I put it in custom CSS in the theme but does not work when I add it to the CSS in the child theme? I have nothing else entered in custom CSS on the child theme or in the theme so just curious.

    Thanks

    May 19, 2021 at 4:40 am #1301098
    Nikko

    Hi smorano,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .av-catalogue-list, #top .av-catalogue-list li {
    border: none;
}

    Hope it helps.

    Best regards,
    Nikko

    June 3, 2021 at 6:32 pm #1303867
    smorano

    Perfect. Thanks.

    June 4, 2021 at 2:04 am #1303912
    Nikko

    Hi smorano,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Get rid of dotted lines for borders on the catalog element?’ is closed to new replies.