[labnoon]

Hello guys!

I need your help with something. I have downloaded the plugin to organize a page with my recipes from different categories.
As you can see in this page http://www.labnoon.com/en/food/ each link (or the whole block) is inside a bordered box and no matter I tried I could not remove them. I used this css to remove the bullets but didn’t work for the rest

.entry-content ul.lcp_catlist li {
list-style-type: none;
border:0px;
outline:0px;
border-color: #F4F2EC;
background-color:#F4F2EC;
}


Could you please help me
1) remove the white box and order from all eventual lists
2) restore the font and the size of the rest of texts on the blog
3) remove the padding

Thank you very much in advance for your help.

Bests,
Saghar

[ahmetsali]

Hi, it is because the lists are inside “pre” and “code” element, which doesn’t make any sense, because those elements are only for showing code blocks, i don’t think the plugin will generate such bad markup. Can you edit your page and click Text tab of your content editor and see if the list shortcodes are wrapped by pre and code elements, and remove them if they are.

[labnoon]

Hello Ahmet and thanks for the answer!

You’re right! There was the pre and code element (have no idea why/how). It’s great now. I would also like to modify the size of the fonts in the bullet list (had talked about it another topic)

I already use this code
.content ul.list.simple li {
font-size: 13px;
}

but it doesn’t seem to work.

Thank you very much for the help

[ahmetsali]

try this one;

ul.lcp_catlist {
    font-size: 13px;
}

[labnoon]

works like a charm! :)
Thank you!

[ahmetsali]

you are welcome :)