- This topic has 7 replies, 2 voices, and was last updated 4 years, 3 months ago by
David.
-
AuthorPosts
-
December 31, 2021 at 1:25 am #2064581
Franz
hello,
I am using the lastest version of wordprss and gp premium. My problem: since quite a few weeks, when hovering over menu items and links in the content, text decoration underline appears. This happens, although in the customizer => general => underline links, ‘never’ is defined (is this a bug?) I do not have any specific css regarding hovering of text.1. I don’t want at all, on the entire site, this ugly underline when hovering menu items or any links in the content.
2. But instead, I would like to have other effects such as othr text color or what else is possible?could you advise me to use a specific css? I tried with the css code
.site-content p a:hover {
text-decoration: none;
}
or
a:hover {
text-decoration: none;
}but these two codes block all hovering effects. Any advice?
Kind regards
Franz
December 31, 2021 at 9:56 am #2065053David
StaffCustomer SupportHi there,
can you share a link to the site so i can see whats causing that ?
January 1, 2022 at 2:21 pm #2065946Franz
hi David, this is https://rechtskonform.ch/
January 2, 2022 at 6:46 am #2066306David
StaffCustomer SupportThe site is loading Bootstrap style sheets ( the Cred Frontend Editor / Toolset plugin ? ) which is adding this CSS:
a:hover { color: #0056b3; text-decoration:underline }If bootstrap is required then you need to add some other CSS to get rid of it:
a:hover { text-decoration: none !important; }January 2, 2022 at 7:14 am #2066335Franz
Many thanks, David, and yes, I need Bootstrap and Toolset. Your code works fine, but what kind of styling can I use then when links are hovered? Is there any css code to implement this? Or does generate press propose such styling in the customizer? (I didn’t find anything…)
Kind regards
Franz
January 2, 2022 at 10:11 am #2066625David
StaffCustomer SupportOk so you can use some CSS.
For example if you just want to style the links in the post content:].entry-content p a { color: #ff0000; } .entry-content p a:hover { color: #0000ff; }This will set a red color for text links and change it to blue on hover. Update the colors as you need.
If theres another style that you can share an example of then i would be happy to look at its CSS
January 2, 2022 at 11:49 pm #2067050Franz
many thanks, David, this Code works fine, so I am trying to find solution for me. Kind regards
FranzJanuary 3, 2022 at 6:12 am #2067374David
StaffCustomer SupportGlad to be of help!
-
AuthorPosts
- You must be logged in to reply to this topic.