H1's not responding when linked

  • John Greenwood

    (@john-greenwood)


    9 years, 1 month ago

    Hi all, i’m having a problem with my H1 settings which is driving me nuts. I sure i’m missing something simple here.

    I have a colour (green) assigned to my H1’s. However when I link the text in my H1 to another page the linked settings don’t stay the same as they do for normal body text.

    It only corrects is self once i’ve visited the page in question, then the H1 is green changing to grey when rolled over.

    The only way I can fix this is to manually change the colour assigned to the H1 in the text field, but then it is just green with no roll over colour!

    I’m sorry if this isn’t explained very well, its one of those simple problems which is hard to explain.

    I’m hoping someone can make sense of this and able to help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    (@alchymyth)

    9 years, 1 month ago

    please post a live link to your site to illustrate the problem;

    troubleshooting of formatting issues can best be done by investigating the CSS of the live site.

    http://codex.wordpress.org/Forum_Welcome#Include_as_much_information_as_possible

    Thread Starter John Greenwood

    (@john-greenwood)

    9 years, 1 month ago

    Sorry! Yes that would help.

    http://www.jp-transport-highway-consultant.co.uk/services/

    The first link in the list ‘General Highway Advice’ has just an H1 para style and been linked to the page. It will be the wrong colour on your screen until you have visited it and gone back, then it remembers forever!

    The rest of the list have been manually changed to show that colour all the time. The problem being is there is now now hover colour.

    Thanks for your help.

    Michael

    (@alchymyth)

    9 years, 1 month ago

    try for example to add this set of more specific styles:

    h1 a { color: #088B74; text-decoration: none; }
h1 a:visited { color: #088B74; text-decoration: none; }
h1 a:hover { color: #4F4F4F; text-decoration: none; }

h1 span a { color: #088B74!important; text-decoration: none; }
h1 span a:visited { color: #088B74!important; text-decoration: none; }
h1 span a:hover { color: #4F4F4F!important; text-decoration: none; }
    Thread Starter John Greenwood

    (@john-greenwood)

    9 years, 1 month ago

    Thank you,

    Do I have to put this in the css somewhere?

    The Grey Parrots

    (@greyparrots)

    9 years, 1 month ago

    In the style.css file on your active theme.

    You can find it on your theme ditectory – Site_home /wp-content/themes/suffusion/style.css

    Michael

    (@alchymyth)

    9 years, 1 month ago

    put it to the custom CSS which you might/should already have somewhere (?).

    as this is theme specific, you might need to ask in the theme’s forum at http://aquoid.com/forum/

    Thread Starter John Greenwood

    (@john-greenwood)

    9 years, 1 month ago

    Yes I can get to that, i’ll try it out now.

    Do you know why the hover colour won’t work when an H1 is linked to an internal page?

    Michael

    (@alchymyth)

    9 years, 1 month ago

    why the hover colour won’t work when an H1 is linked to an internal page?

    the suggested CSS should take care of that as well …

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘H1's not responding when linked’ is closed to new replies.