Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2016 at 7:58 pm #596536
    zimbo

    My Main Content Heading Color is #ff0000 (red) and my Primary Color is #2e3192 (blue). So all <Hx> elements are red and all links are blue.

    I think for consistency all links, whatever element they’re on, should be the same color hence what I’d like is when a heading is also a link – e.g. when using Blog Posts the post titles are <H3> but have hyperlinks to each post, yet display red – for the Primary Color to override the Heading Color so these “headings with links” are blue.

    So is this possible?

    Section Heading <H2> Red
Post title (via Blog Posts) <H3> Blue, with Highlight Color on hover

    Is there any way of doing this? Happy to hack some PHP if needed…

    March 10, 2016 at 10:01 pm #596580
    Basilis

    Hi zimbo!

    that you want to be for the links only inside the posts, that have also a heading? if no heading then the color should be the primary?

    Best regards,
    Basilis

    March 11, 2016 at 2:37 pm #596885
    zimbo

    If an element is purely a heading e.g. <h2>This Is My Section Heading</h2>, then it displays using the Main Content Heading Color (red).

    If an element is heading with an embedded link, then the Primary Color should be used, e.g.

    <h3>
<a title="All the Fun of the May Fair" href="http://dev.henleyherald.com/2014/05/06/...">All the Fun of the May Fair</a>
</h3>

    This needs to display using the Primary Color (blue) because the heading is actually a link, and links display using the Primary Color.

    You can see an example on this page: http://dev.henleyherald.com/

    Top Stories is an H2 shown using Main Content Heading Color, red, as it should be. It is not a link to anywhere, just a heading.

    The “Duck Diving Mayor…” H3 heading under it is also a link to a post and so should use the Primary Color (blue). Same for all other headings displayed via Blog Posts.

    March 15, 2016 at 6:27 am #598179
    Jordan

    Hey!

    Try adding the following CSS code in the Quick CSS field under the General Styling tab in the theme options.

    h3 a{
color: #2e3192 !important;
}

    Let me know if it works.

    Cheers!
    Jordan

    March 15, 2016 at 6:15 pm #598530
    zimbo

    Thanks that appears to have solved it, I’ve added a:hover as well.

    March 15, 2016 at 8:49 pm #598602
    Jordan

    Hey!

    Great! Glad it worked.

    Let me know if you need help with anything else.

    Cheers!
    Jordan

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change heading colour when it's a link’ is closed to new replies.