Custom CSS for arrow lists and bullet points

Posted in: Newspaper
Post count: 72

Hi, I use a lot the arrow lists and bullet points and I’d like to add more space between each paragraph. Could you help me to do that?
If you could also tell me how to change the color of H4 and H5 titles, it would be great.
I’m not familiar with CSS, please let me know where to add the code. Also, will this kind of changes disappear when I will update the theme?
Thank you so much!

Post count: 20688

Hi,

So you want to increase the default margin bottom that each paragraph has, in the post content
https://www.screencast.com/t/NHWeZXjx
You could do that with a code like this

.td-post-content p {
margin-bottom: 35px!important;
}

The headings have a general color setting in the theme panel
https://www.screencast.com/t/Xu53zJx1H
Also you can style them as you want as you are editing/creating the post
https://www.screencast.com/t/ADp5y0jXEx
Or use CSS to style them individually by type for all posts at once
https://www.screencast.com/t/7kIEmIKH

.td-post-content h1 {
color: red;
}
.td-post-content h2 {
color: yellow
}
.td-post-content h3 {
color: blue;
}
.td-post-content h4 {
color: green;
}

More about this here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

CSS code can be entered in Theme panel->Custom CSS section, there are also advanced sections available.
Let me know if you have further questions.

Thanks

Post count: 72

Thank you Simion. Regarding the first point, I’d like to increase the default margin bottom of each paragraph, but only for arrow lists and bullet point lists. Is it possible?

Post count: 20688

Hi,

So you want to add some space between each line of the list. That could be done, try a code like this (use the value you want in it)
https://www.screencast.com/t/94437vJLC

.td-post-content ul li,
.td-post-content .td-arrow-list li {
margin-bottom: 25px;
}

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.