-
Posts
-
Hi, I’d like to add a heavy yellow line to text links in the body section only. When I tried with CSS, every link, even in menus and below images. Please help me with CSS required.
Regards,
KlausPS: I found this, but it didn’t show any CSS – https://kriesi.at/support/topic/customize-links/
Hey KlausR,
which kind of heavy yellow line? can you show us an example please? which code did you use already?
Best regards,
AndyHi,
try this code inside Quick CSS field:
.row a.link-text { border-bottom: 2px solid yellow !important; }Best regards,
AndyHi,
I don’t see that you’re using this code inside your source code. Are you using any caching? if yes switch it off. If you still need help then send us admin access.
Best regards,
AndyHi,
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)Make sure that Jetpack plugin is not using any caching.
Best regards,
AndyHi Andy,
I deactivated Jetpack “customize CSS” and now the code in the Enfold Quick CSS is showing up in the enfold.css, see the link below. But the CSS changes are not showing in the browser, neither in Chrome or Safari. Is the “row a.link-text” wrong?
Regards,
KlausHi,
as far as I know Jetpack has a caching function. So switch it off. Then deactivate this and all other plugins. Clear your browser cache and hard refresh a few times. Check on another computer as well.
The code I provided to you is working fine for me.
Best regards,
AndyHi Andy,
tried on several browsers on two machines: the yellow line doesnt show.
The CSS code you provided is definitely in the CSS.As I said before, it look like there is something wrong with the CSS code. When I look at the HTML of the pages there is only standard a h ref links without any classes. So I tried it with this slightly alteration of your code:
a {
border-bottom: 2px solid yellow !important;
}and immediatedly #every# link even images and menu items had a yellow line.
Something is wrong in the CSS you send:
.row a.link-text {
border-bottom: 2px solid yellow !important;
}Regards,
KlausHi,
try this code instead:
#main a { border-bottom: 2px solid yellow !important; }Best regards,
AndyHi Andy,
thank you that is much better.
Any chance to limit this just to text links and to get rid of the lines below the images, the headlines (and the “You might also be interested in reading this”)?Regards,
KlausHi,
you could limit it to “more-links” only:
#main a.more-link { border-bottom: 3px solid #fff000 !important; }Best regards,
AndyHi Andy,
thank you. As far as I understand, there is not much more to do?
If so, here is my tip/wish for a new release of Enfold:
– create some CSS-distinction between image, navigation, breadcrumb, headline, footer and main text links that makes it possible to change links
– usability/designwise it makes little sense to have the same color for “bold headline” (not clickable) and links (clickable)Regards,
Klaus
- You must be logged in to reply to this topic.