WordPress.org

Ready to get started?Download WordPress

Forums

Struggling with h5 styling - would really appreciate your input (2 posts)

  1. ilew
    Member
    Posted 1 year ago #

    Hey guys,

    I've got a really annoying issue with a new theme I've installed.

    Essentially the issue is that I need to style my h5 headings in the articles to be a certain way. However when I add the custom styling using the CSS:

    #omc-full-article h5 {font-size:1.8em; text-decoration:none; background-color: #4682B4; border-radius:10px; -moz-border-radius: 10px; width:auto; color:#FFFFFF; margin-bottom:10px; margin-top:15px;}

    It styles the h5 headings in my article fine, but it seems the h5 title is used in other areas of the site, most notably at the bottom of the article in the related post titles. As a result the related post titles & menu items are affected by my styling of h5.

    So my question is. How would I go about styling h5 in the articles without affecting anywhere else on the site where h5 is used.

    AN EXAMPLE OF A PAGE WHERE THIS ISSUE EXISTS:

    http://ilew.co.uk/?p=309

    You help would be massively appreciated. I've been trying to fix this for hours with no luck.

    Cheers

    Lewis

  2. David Williamson
    Member
    Posted 1 year ago #

    Why don't you try writing some CSS to style the h5 elements in the Related Posts the way you want?

    If you style #omc-related-post h5 you should be able to differentiate the look. (Based on looking at the source of the page, I didn't really test anything) There's no good way to write the rule for the h5 headings in the article only that would exclude the related posts ones (as far as I know) since the article content doesn't have any kind of enclosing class or ID that could be styled separately.

Topic Closed

This topic has been closed to new replies.

About this Topic