-
AuthorPosts
-
February 24, 2023 at 5:51 pm #1399185
Im Editor sehen die Links so aus wie ich es möchte: Schriftfarbe blau und unterstrichen
Doch im Frontend fehlt die Farbe und die Unterstreichung.
Ich finde in den Enfold-Einstellungen nicht den Punkt, wo ich das ändern kann.February 25, 2023 at 5:08 am #1399214Hi mwuehle,
Can you give us a link to your site? so we can try to inspect it.
Best regards,
NikkoFebruary 25, 2023 at 8:01 am #1399220Hi Nikko,
take a look at this page for an example: https://www.nachhaltigkeit-management.de/nachhaltigkeit-definition/A link in the editor (underlined): pic1
The same link in the frontend: pic2
Best regards,Michael
February 25, 2023 at 12:13 pm #1399240Hi Michael,
Thanks for the update. I’m still not sure I understand the problem you are having though, since the screenshots are not loading. Please upload them to a service like Google Drive, Dropbox, Imgur, Snipboard or similar, then link to them here.
Best regards,
RikardMarch 1, 2023 at 10:22 am #1399649March 1, 2023 at 6:55 pm #1399708Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.content a { color: blue; text-decoration: underline; }
Best regards,
RikardMarch 3, 2023 at 9:59 am #1399963That didn’t work. The links still remain without underlining und in black font color.
My chosen color scheme is Blue-Gray and in the preview the links are in blue font color and underlined.March 3, 2023 at 12:58 pm #1399985Hi,
Thanks for the link to your page, currently I see you have a plugin wpo-minify active so it is minifying your css so I can’t see exactly where this rule is coming from that is preventing your link from showing the text-decoration underline, but from the classes I believe it’s from the WordPress Block Editor:#top a:where(:not(.wp-element-button)) { text-decoration: none; }
To override this css please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #main .content a:where(:not(.wp-element-button)) { text-decoration: underline; }
After applying the css, please clear your browser and minify plugin cache and check.
The expected results:
Best regards,
MikeMarch 3, 2023 at 2:37 pm #1400026Hi Mike,
Thank you for your tip! It worked on page https://www.nachhaltigkeit-management.de/nachhaltigkeit-definition/ and on all other pages with one exception: https://www.nachhaltigkeit-management.de/nachhaltigkeits-shop/
On my shop page, however, the links are underlined but the font color is still black and not blue.March 3, 2023 at 6:54 pm #1400044Hi,
Thanks for the feedback, on your shop page I see many underlined blue links, excerpt for what seems to be product titles with an H4 heading, they have a strange class that I don’t recognize uagb-rm__title, I assume this is from a plugin but I can’t tell since your wpo-minify plugin is active, nonetheless try this css to override it:#top h4.uagb-rm__title a { color: blue; }
After applying the css, please clear your browser and minify plugin cache and check.
The expected results:
Best regards,
MikeMarch 4, 2023 at 8:11 am #1400078Thank you very much, that worked! Now it is almost perfect.
However, for the links in the store the hover effect does not yet work as it does for the other links.
Do you have any code to make the hover effect the same green as the other links?March 4, 2023 at 1:48 pm #1400095Hi,
Please add this css:#top h4.uagb-rm__title a:hover { color: #1b7321; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 5, 2023 at 8:29 am #1400140Thank you very much, that also worked!
Now everything is as I wanted it to be.
Besides that I learned something about css again.
Once again, thanks a lot!March 5, 2023 at 11:04 am #1400150Hi,
Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardMarch 5, 2023 at 11:54 am #1400152you can close this topic.
Best wishes, MichaelMarch 5, 2023 at 12:28 pm #1400155Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Layout der Links’ is closed to new replies.