Customizing h tags in posts

Posted in: Newspaper
Post count: 2
ThatsGameBro
#177137
Jun 6, 2017 at 5:33 pm

Hi,
I want to customize css of the “h” tags of the posts.
When I add this from custom css, all of the h3 tags affected.
h3{border-left:6px solid #FF5722;font-weight:700;padding:5px 10px;margin-bottom:10px;font-family:Arial;margin-left:5px}
But I want to customize only h3 tags that inside of the posts.

Post count: 23312
Catalin
#177234
Jun 7, 2017 at 10:18 am

Hello ThatsGameBro,

If you want to affect only the H3 on posts, you should use the code below and place it in Theme panel->Custom CSS area.

.single h3{
border-left:6px solid #FF5722;
font-weight:700;
padding:5px 10px;
margin-bottom:10px;
font-family:Arial;
margin-left:5px;
}

The results should have to see here -> https://www.screencast.com/t/IzPBY7MaPv8P

Thanks for the message!

Post count: 2
ThatsGameBro
#177416
Jun 8, 2017 at 9:36 am

Thanks for your reply sir!

But only the content area must be affetced.

I marked the area that I wanna change, sidebar or somewhere else shouldn’t change. => https://image.prntscr.com/image/UyLNkGaHQtS4v5PzaYUInw.png

Post count: 23312
Catalin
#177495
Jun 8, 2017 at 2:20 pm

Hello ThatsGameBro,

If you want to affect only the post content, you should add this class and the code will be more specific and apply only to post content.

.single .td-post-content h3{
border-left:6px solid #FF5722;
font-weight:700;
padding:5px 10px;
margin-bottom:10px;
font-family:Arial;
margin-left:5px;
}

Thanks.

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