Color of hyperlinks on Pages/Posts

Posted in: Newspaper
Post count: 11

Hello,

may I ask how can I change the color of hyperlinks only on Pages/Posts (not in the top menu etc.) By default, it is set for black color and you cant even see that its a hyperlinks since the color of the ordinary text is also black.

I tried to look for it in the theme customization >Theme Colors > General Theme colors. There is nothing “THEME ACCENT COLOR” which is only the link hover color.

Please see this page, I marked the hyperlinks in bold:
http://lepsiezakony.sk/o-nas/

thank you

Post count: 20688

Hi,

The links color could be set as you are creating the link
https://www.screencast.com/t/bG5NyQudck
Or if you want to style them all at once, use a CSS code
https://www.screencast.com/t/gk2WoaCLdg
The code can be entered in Theme panel->Custom CSS code. It will affect all the links in the page content once entered

.td-page-content a {
color: yellow;
}

The hover color will be the theme accent color
https://www.screencast.com/t/rQh4iiC1s

Thanks

Post count: 11

Thank you Simon,

it worked, I added the custom CSS. May I ask, is there something like this also for the bullet list? For some reason, when I add a bullet list (using Page Builder) it doesn’t show the dots, I must add them there manually but then its not a real bullet list (as you can see on the page in the first comment)

Post count: 20688

That is not a list indeed, I also tried creating a bullet list
https://www.screencast.com/t/zDL0hTaA
Seems to work properly. But the page you mention is not built with the tagDiv composer from what I can see. There seem to be panels and you might be using a different editor for the text
https://www.screencast.com/t/jPUGolft
I tested with the tagDiv composer and default WordPress editor.

Post count: 11

Hi Simon,

yes, I am using “Page Builder” by Site Origins, but its still strange because I am using this builder on other websites too and there I can see the bullet lists without any issues :/

Can you please check now? I added the text as a bullet list, specifically the one under the header “ČOMU SA VENUJEME”
http://lepsiezakony.sk/o-nas/

thank you!

  • This reply was modified 8 years by Veronika.
Post count: 20688

It seems there are some conflicting styles between the theme and that editor. Enter this code in Theme panel->Custom CSS code and it should solve the problem
https://www.screencast.com/t/eOCOggagg

.siteorigin-widget-tinymce ul li {
list-style: disc;
margin-left: 21px;
}

Post count: 11

Big thanks Simon, that worked great

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.