-
Posts
-
Hi,
I have used internal links in header text. All links work well. However the links are not visible in the text on my pages, i.e. colour, underline (with two exceptions!), change colour when hovering.
For details refer to the comments in the private content below.
How can I make the links visible?
Best regards,
ThorstenHey SpunkaneHill,
Thank you for writing to us.
The issue you are trying to describe is not clear. For detailed info on how to set up the main menu links and style them please refer to the menu docs.
If you have any question please elaborate on the issue.
Best regards,
VinayHi Vinay,
Sorry for unclear description. I will try once again.
The issue is not about links from the main menu to my pages, that works all well and as expected. No problem.
The issue is with links in the text on my pages to other pages of my web site. I used header format H2, H3 and H4 for the text.
I would have expected the following apperance of the links on my pages:
a) the link text is underline > except for 2 pages it’s not underline. No clue why it works for 2 pages and it doesn’t for the others.
b) the link text changes it’s colour as defined in the setting when hovering > no colour change, colour stays unchanged
I would have expected the same appearance and behavior as the links in the footer of my pages.With this, the visitors of my website do not know if and where there are any links the text of my pages and subsequently they won’t find them and click on them.
Pls have a look to one of my pages and the relevant definition of the very same page in Enfold and you will understand my issue for sure.
Best regards
Thorsten
Hi Vinay,
could you find out anything about my issue decribed above?
Thx for your help.
Best regards,
ThorstenHi,
I’m sorry but I couldn’t find the links that you’re referring to. Please provide a screenshot using imgur or dropbox.
FYI, you can alter an element’s style in the Enfold > Advanced Styling panel.Best regards,
IsmaelHi Ismael,
thats exactly the point. The links are there, they are working, But you can’t see them on the page as the look the same as the rest of the text, i.e. no underline, no different coulour, no change of colour when hovering.
Pls scoll up to #1059421 of this post, login to my web page in WordPress with the credentials provided there, go to any of the pages I listed there and you can see which parts of the text I have defined as link and then compare with the actual aspect of the relevant page.
I think with that you will understand my problem.
With regards to your comment on “Advanced Styling Panel”: I do not want to alter the styling of H3 for example, but I want links within an H3 text to be visible/represented as links on my pages.
Thx for your support
Best regards,
ThorstenHi Thorsten,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .avia_textblock h1 a, #top .avia_textblock h2 a, #top .avia_textblock h3 a, #top .avia_textblock h4 a, #top .avia_textblock h5 a, #top .avia_textblock h6 a { text-decoration: underline; color: #006600; } #top .avia_textblock h1:hover a, #top .avia_textblock h2:hover a, #top .avia_textblock h3:hover a, #top .avia_textblock h4:hover a, #top .avia_textblock h5:hover a, #top .avia_textblock h6:hover a { color: navy; }If you need further assistance please let us know.
Best regards,
VictoriaHi,
Thanks for the update.
You have to put that code in the Enfold > General Styling > Quick CSS field or the in the child theme’s style.css file. Let us know if it helps
Best regards,
IsmaelHi,
– If I put the code in the child theme’s functions.php (Apperance > Editor) file as proposed in post #1061756 I do get an error message (I described that in post #1062073) and other that that it has no effect at all, i.e. it doesn’t work
– If I put the code in the Enfold > General Styling > Quick CSS field as proposed it has no effect at all, i.e. it doesn’t work
– If I put the code in the child theme’s style.css file (Apperance > Editor) as proposed it has no effect at all, i.e. it doesn’t work
– However, if I use the link “built-in CSS editor” on the page Apperance > Editor and put the code there it works perfectly well. Now, the point is, I am no expert in all that functions.php, Quick CSS, style.css and “built-in CSS editor” stuff. Three files/locations proposed by you guys didn’t work. Something I found by trial and error worked. But I just don’t want to put the code in the wrong file or location, fixing an issue but then maybe facing problems somewhere else. Pls let me know, if I can put the code in the “built-in CSS editor” and there won’t be any problems with that. Thx.
Best regards,
ThorstenHi,
Thanks for the update. It’s not working when you put it in the places where it’s supposed to be, that’s the Quick CSS field or the style.css file, because the stylesheets or the css files are currently compressed or minified. You have to disable or toggle the Enfold > Performance > File Compression settings first. Or you can just leave it in the built-in css editor. It’s the same as the Quick CSS field.
Best regards,
IsmaelHi Ismael,
It still doesn’t work for Quick CSS even if I disable File Compression. But as the code works with css editor and you confirmed I can leave it there I will do so and you can close the issue.
Thx for your support.
Best regards,
ThorstenHi,
Alright. We’ll close the thread now. It is supposed to be working in the Quick CSS field because it’s the same as the built-in css editor, so my best guess is that you were checking a cached version of the page. Don’t forget to remove the browser cache or do a hard refresh prior to checking the page. If it’s still not working after doing all that, then just leave it as it is. Please feel free to open a new thread if you need anything else.
Best regards,
Ismael
- The topic ‘Links in headers are not represented on web pages as expected’ is closed to new replies.