Archived topic
Specific color in extra CSS
7 replies · Started by Bram on March 5, 2021
Last year you made up an extra CSS for me:
p#breadcrumbs {
font-size: 18px;
color: #ffffff;
text-align: center;
padding: 280px
}
positioned in the header of each blog of my website: Start>>Berichten>>Blog, See https://www.gezondlevenplein.nl/sterke-spieren-opbouwen/
The problem is that the colorsetting of Start and Berichten only can be done through customizer => Colors => Body => Linkcolor. The effect is that it take undesired effect on other textparts of the Body.
My question: Is it possible to make colorsetting in the CSS above for Start and Berichten separate from the other textparts? The color setting #ffffff only takes effect on the blogtitle.
Thank you on forehand.
Bram
Hi Bram,
You could try this CSS:
p#breadcrumbs a {
color: #fff;
}Hi Ying, this is perfect! Thank you.
Still one question for you:
Can you add hoover colors to this link in this CSS?
Thank you again on forehand.
Bram
Sure you can, try this:
p#breadcrumbs a {
color: #000;
}Hello Ying, thank you again, but your second CSS is the same as the first( #fff ; is now #000 ;).
My question is: Can you add a hoover color to the first CSS (#fff + a hoover color)?
And this only for the links Start and Berichten.
Thank you on forehand
Bram
Hi there,
this would be your total CSS:
/* Static color */
p#breadcrumbs a {
color: #fff;
}
/* Hover color */
p#breadcrumbs a:hover {
color: #000;
}Excellent David!!!
You're welcome
