Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 19, 2020 at 8:36 pm #1186168
    Munford

    on the page below, I am testing some things and have some questions:
    – I am trying to create an anchor link to the text “CONTACT ME” in the blue box that should scroll to the color section tagged “contact” at the bottom of the page. I added a link with #contact in the url link. Instead, it’s just scrolling a little bit. I have tried various fixes without success and don’t usually have a problem with this. I tried using

    – I am also testing some link styling in the text boxes in the middle of the page, but the h3 text on the left is not displaying the links in green like on the right. I have this set in general settings but also tried to add some css:

    h3:link {
color: #719430;
}

    but that didn’t change anything. Shouldn’t all the “h” tags take the link & hover colors like “p” does?

    – I have an image at the bottom of the page with a caption shown on hover only. Is there a way to reverse this – to have the text show first and the image displayed when you hover on the text (text swapped for image)?

    thanks for your help
    Nancy

    • This topic was modified 4 years, 10 months ago by Munford.
    February 21, 2020 at 6:52 am #1186619
    Rikard

    Hey Nancy,

    I see that you have added the anchor to the header, then the link inside of it. That means it links to itself. Also, I’m not sure exactly what you are trying to style, do you want to target the header on hover? h3:link is not valid CSS so it won’t do anything.

    Best regards,
    Rikard

    February 21, 2020 at 10:25 am #1186650
    Munford

    OH – i see the problem, thanks.

    “do you want to target the header on hover” – no I am just trying to understand why my h3 links don’t display in green in the text on the left, when the text on the right shows the green links. Should I have to use css to style the h3 tags or should they inherit the styles from the theme?
    or could you give me the correct code since everything I try doesn’t work.
    thanks
    Nancy

    • This reply was modified 4 years, 10 months ago by Munford.
    February 22, 2020 at 2:09 pm #1186966
    Rikard

    Hi Nancy,

    If you want to target links inside of a h3, then you would have to use CSS like this:

    h3 a {
  color: green; 
}

    Or add it inline:

    <h3>This is a header <a href="#" style="color: green;">and this is a link</a></h3>

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.