And another stupid question..

Home Forums Main Forum General Topics And another stupid question..

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #16329
    Prisca
    Participant

    hello

    Hope you are well.

    I want to add a vertical space (bottom margin) between each

  • tag/text in bullet list. I can do the inline
  • or ul li and same css but inline is a pain to add to all li tags and my fear is that if I add that to just the general ul li css it will affect the menu and may be other things.

    I tried creating a new class “whateverlist” in the child css that would work only for those lists –
    .whateverlist ul li {
    margin-bottom:10px;
    }

    and then put the class

      list here

    but for some reason it did not work.

    Please can you give me the right css (not inline if possible) so I can do that on only the bullet list I want and not mess up with menu or else?

    Thank you so much for your help 🙂

    Cheers,

#21503
Shekhar Bhandari
Participant

Hi Prisca,

You should use the following custom css to use in the case that you explained.

ul.whateverlist li {
margin-bottom:10px;
}

for this you can use the following html code

    list here

and alternatively, you can use this too.

.whateverlist ul li {
margin-bottom:10px;
}

Where code will be like


  • Your Link Item
Hope you understand the things :) Thanks
#21505
Prisca
Participant

I did that but did not work. Will try again with the second one.

Thank you so much anyway 🙂

#21515
Prisca
Participant

Hello Shekhar

So sorry but it is not working. So bizarre …

I copied exactly what you sent only changed the class name and 12px instead of 10px:

ul.contentlist li {
margin-bottom:12px;
}

and the ul is:

    But no luck..

    Thanks 🙂

#16330
Shekhar Bhandari
Participant

Hi Prisca,

Could you point our where the problem has been on the link. As when i try on the left sidebar it works perfectly.

Thanks

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