Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #890594

    I already added this code to Quick CSS in General Styling to make sure the hyperlinks in body texts have an underline and the underline is in the same color as color of the text:

    .avia_textblock a { text-decoration: underline; }

    #main a {
    text-decoration: underline;
    }

    #main a:hover {
    text-decoration: underline;
    }

    #main .sidebar a,
    #footer a,
    #socket a {
    text-decoration: underline;
    }

    Only now I want to do the same thing for the hyperlinks used in H4 text . How do I make this happen?

    Thank you very much!

    #890650

    Hey Masmho,

    Please provide a link to the page/site in question.

    Best regards,
    Jordan Shannon

    #890759

    Hi,

    You will find the link of the webpage in private content.
    At the bottom of the webpage you will find in the footer the hyperlinks underlined in the same color blue as the text in the footer.
    I would like exactly the same kind of hyperlink (underline and same color blue as text) for the hyperlinks which are in H4. See the grey text blok just above the footer, which is in H4. There the word ‘contact’ is actually a hyperlink, only it doesn’t show up with an underline in blue (only when you hoover over it).

    Thank you!

    #891032

    Hi,

    Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:

    h4 span em a {
      text-decoration:underline !important;
    }

    Best regards,
    Rikard

    #891044

    Hi Rikard,

    This worked. Thank you very much for your help!

    #891092

    Hi Rikard,

    I am very sorry, but it doesn’t work.
    It only works on the page where I send you the link of previously.
    I would like it to work on all H4 hyperlinks on all the pages throughout the site, not just on this specific page.
    What would I need to do?

    Thank you!

    #891137

    I added in private content as examples the different codes I found in the visual parts of the text blocks. Maybe there is a clue in there as to where it works on only one page?

    #891276

    Hi,

    Try adjusting the code to this instead:

    h4{
    text-decoration:underline !important;
    }

    Best regards,
    Jordan Shannon

    #891341

    Hi,

    Sorry, this suggestion doesn’t work. With
    h4{
    text-decoration:underline !important;
    }
    it now underlines the whole of H4 instead of only the hyperlink in the H4 text.
    So I deleted it again in Quick CSS.

    What to do?

    Thank you!

    #891403

    Hi,

    Apologies, perhaps I’m looking in the wrong section of the page. I know you mentioned it in the beginning, but I’m seeing h3’s not h4. Can you screenshot the exact spot?

    Best regards,
    Jordan Shannon

    #891446

    Hi,

    You will find a screenshot in private content as well as the link to the website.

    This page is just an example, because the fault is the same on every page . Hyperlinks in H4 only show when you hover over them, whereas I want hyperlinks in H4 to be underlined and in same color as text. See the grey text blok just above the footer, which is in H4. There the word ‘contact’ is actually a hyperlink, only it doesn’t show up with a permanent underline in blue (only when you hoover over it).
    In the footer (the pink part) the hyperlinks are visible because there is a permanent underline. See the words “bedrijven’ and ‘The Perfect Wedding”. That is what I would like for hyperlinks in H4 as well.
    Your suggested code made the whole sentence go underlined, that is why I deleted it again.

    Thank you!

    #891605

    I still don’t know how exactly but after adding again the code suggested by Rikard it now seems to be working on all pages. Fingers crossed!

    Thank you for all your help. You may close this post now.

    #891680

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘H4 text how to underline for hyperlink’ is closed to new replies.