Docs

[khzidan]

Hi amazing people.

I am doing branding for my blog now. I want CSS code to change the hyperlink color ONLY for my whole blog.

Such code should not affect the color of any other type of link color such as button, FAQ or any other shortcode. ONLY the links that created by normal hyperlink.

this should override any other CSS or style, so even if i change the hyperink color in a post, your code should override it, to make sure all hyperlink for the whole website is the same.

cheers,
Khalid

[Joao]

Hi There,

You could try adding on Appereance Customizer Custom CSS

.blog a {
color: red;
}

.blog a:hover {
color: blue;
}

Let us know how it goes.

Joao

[khzidan]

nop, I still see many hyperlink in black! means no change!

[Nico]

Hi There,

Thanks for the update.

Would you mind sharing us the URL you want to customize.

Thanks.

[khzidan]

This reply has been marked as private.

[Joao]

Hi There,

Upon checking your website all your hyperlinks are set to #2194a5

Would mind providing a screenshot of what you would like to change and more details if possible.

Thanks

Joao

[khzidan]

pls see attached screenshot.

[John Ezra]

Hi there,

Thanks for updating the thread! Your image was too big and it did not attach. You can upload it somewhere and provide a link here or reduce it’s size.

Please do update us – thanks!

[khzidan]

https://www.dropbox.com/s/mx5w2iqtt6nydbq/example%201.png?dl=0

[Darshana]

Hi there,

Simply assign a unique class to that hyperlinks. For example class="my-custom-links" and remove inline style attribute style="color: #000000;"

<a class="my-custom-links" rel="nofollow" target="_blank" href="http://successentrepreneur.aweber.com">Aweber</a>

Then you can add your custom CSS into the Customizer, Custom > CSS area.

.my-custom-links {
color: red;
}

.my-custom-links:hover {
color: blue;
}

Hope that helps.

[khzidan]

come on guys! I want to assign the same for every hyperlink to the whole website not just one or two.

I need a solution that all hyperlinks will be the same color no matter what happened.

pls help

[John Ezra]

Hi there,

Thanks for updating the thread! Have you tired setting the colors under site links in the customizer?

Appearance > Customize > Typography > Site Links

Change the colors here and the links and accent colors will change globally.

Hope this helps – thanks!

[khzidan]

yup it is already set but does not work, I have given you access to wordpress admin too.

[Paul R]

Hi,

You can add this in Appearance > Customize > Custom > Edit Global CSS

body a {
    color:red !important;
}

body a:hover {
    color:blue !important;
}

Change red and blue with the color that you like.

Hope that helps.

[Rupok]

Hi there,

You said you need to apply this for Blog page only and the tailored code was provided by Joao (#1053059) that’s correct. But you don’t have any Blog page or I can’t find this on your site. Kindly provide the exact URL of your blog page or any other page where you want this.

Hope this makes sense.

[Author]

Posts