-
AuthorPosts
-
December 19, 2017 at 7:23 pm #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!
December 20, 2017 at 12:43 am #890650Hey Masmho,
Please provide a link to the page/site in question.
Best regards,
Jordan ShannonDecember 20, 2017 at 1:27 pm #890759Hi,
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!
December 21, 2017 at 7:18 am #891032Hi,
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,
RikardDecember 21, 2017 at 10:04 am #891044Hi Rikard,
This worked. Thank you very much for your help!
December 21, 2017 at 11:40 am #891092Hi 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!
December 21, 2017 at 1:55 pm #891137I 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?
December 21, 2017 at 6:55 pm #891276Hi,
Try adjusting the code to this instead:
h4{ text-decoration:underline !important; }
Best regards,
Jordan Shannon- This reply was modified 6 years, 11 months ago by Jordan Shannon.
December 21, 2017 at 8:33 pm #891341Hi,
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!
December 21, 2017 at 11:28 pm #891403Hi,
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 ShannonDecember 22, 2017 at 1:27 am #891446Hi,
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!
December 22, 2017 at 3:15 pm #891605I 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.
December 22, 2017 at 7:22 pm #891680Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘H4 text how to underline for hyperlink’ is closed to new replies.