Docs

[khzidan]

Rupok,

I do not really know why there is a confusion here!

The first line above in my request is “I am doing branding for my blog now. I want CSS code to change the hyperlink color ONLY for my whole blog.”

I wanted a code for my whole blog.

Anyway, I am going to explain as much as I can here to clear the air.

in my blog: successentrepreneur.org I have set Appearance > Customize > Typography > Site Links , see here: http://www.awesomescreenshot.com/image/1356316/f12dfbce0eb71574482986c70a33546e

however sometime when other editors writing a blog, they color the hyperlink in black as default color for them.

so I used some code I found in this forum to try to override and make all hyperlinks in one color, see here: http://www.awesomescreenshot.com/image/1356322/a25b0efde5176d6ee0637d9edab13bad

Now, still some hyperlinks are in black which I do not want, also editor are still capable to change the hyperlink to any color.

What I want?

I want a solution to make all hyperlink in the entire website including all pages and posts to be #06a6ba . Just one color regardless if it changes manually when writing the post.

The solution should also effect all the previous posts because at the moment some hyperlinks are black and others are #06a6ba

In addition, you have access to WordPress admin.

Is it clear now?

[Christopher]

Hi there,

I see you have this code which helped to change hyperlink color :

.single-post .entry-content.content p a:not(.x-btn) {
    color: #06a6ba!important;
}

To affect all hyperlinks, add this :

body .x-main a{
color:#06a6ba;
}

Hope it helps.

[khzidan]

Thanks,

however I would really appreciate if you take a moment to understand exactly what I am looking for, this is what I was explaining the whole time mate, this code changes all hyperlinks colors including buttons, CTA, FAQ, everything!!

But I do not want that, I want only to change the code of hyperlinks, that’s all!

see screenshots here:

http://www.awesomescreenshot.com/image/1358647/a86e48766130c9fffba4696c2dfd2cc5

http://www.awesomescreenshot.com/image/1358651/2cd61b5b7a699d89decfacc52fc3500f

pls help!

thanks,
Khalid

[Rupok]

Hi Khalid,

The fact is button, CTA, FAQ etc. everything is under anchor so you need to apply colors for each of them separately or exclude them from the CSS if you want to differentiate anchor color somehow.

However you can try this :

body .x-main a:not(.x-btn .x-creative-cta) {
  color: #06a6ba !important;
}

If you find any issue that more element needs to be excluded then just point us that.

Make sure to remove the previous codes.

[khzidan]

ok this kind of solved half of the problem, thanks a lot. Now how can I make all the H1-H4 the same color #06a6ba for the whole blog?

cheers for your support.

khalid

[Thai]

Hi There,

To do that, please add the following CSS:

.single-post .entry-content h1,
.single-post .entry-content .h1,
.single-post .entry-content h2,
.single-post .entry-content .h2,
.single-post .entry-content h3,
.single-post .entry-content .h3,
.single-post .entry-content h4,
.single-post .entry-content .h4 {
	color: #06a6ba;
}

Hope it helps 🙂

[Author]

Posts