Link color and Home Page featured Page font color

aquaholicjourney · Member · April 6, 2021 at 1:47 pm
Copy link

Add topic to favorites
I’m hoping you can help me with these font color issues. My site is https://aquaholicjourney.com

1) On my homepage I am looking to change the font color of my second featured Page to all white (including the Title) as it overlays the featured image and is hard to read.

2) I would like to change the font color of all links from green to something else, however it didn’t work when I inputed this CSS :

a, a:link {
color: #29b8ba;
color: #000;
}

3) Being that the font is green by default, I’m hoping to change the font color in the slider on the homepage to other colors as well (including the learn more button)

4) I would also like to change the color of the navigation menu from green to #29b8b

Thank you for your help!

The blog I need help with is: (visible only to logged in users)
itsdavidmorgan · Theme Author · April 6, 2021 at 4:02 pm
Copy link
Hello,

No problem. We’ll be happy to help:

1. Try adding the following style in the “Additional CSS” section of the Customizer:
```
.featured-pages #page-3124 p,
.featured-pages #page-3124 .headline {
  color: #ffffff;
}
```
2. Try the following CSS:
```
.content a, .content a:link, .footer .widget ul li a, footer .widget ul li a:link {
    color: #29b8ba;
}
```
3. Try the following CSS:
```
.slideshow .headline a, .slideshow .excerpt p {
  color: #ffffff;
}
```
4. Try the following CSS:
```
#wrap #header .menu a {
  color: #29b8ba !important;
}
```
Please keep in mind, you may need to remove previously added styles to avoid conflicting styles.

Additionally, you may want to look into the Custom Colors options with WordPress.com, https://wordpress.com/support/custom-colors/

I hope this helps.

Thanks!
aquaholicjourney · Member · April 6, 2021 at 6:04 pm
Copy link
Thank you so much!! That worked!
aquaholicjourney · Member · April 7, 2021 at 1:45 am
Copy link
Would you happen to have a solution for being able to make the menu topic in the header change color (brighten) when hovering over them? Right now nothing happens when I hover the mouse over the menu.

I’ve also been trying to change the headings and well as buttons in the slider to a different color (other than green) when I hover over it. The font color itself was changed to white thanks to you, but it is green when I hover over it. In your demo, the headings and “learn more” buttons are more of a light grey, but go white when clicked on or hovered over. I would like that as well if possible.

Thanks again!
emilysuesrq · Theme Author · April 7, 2021 at 8:04 pm
Copy link
Hello, you can try adding the following CSS (and adjust the color value if needed):
```
#wrap #header .menu a, #wrap #header .menu a:visited, #wrap #header .menu a:link:hover {
    color: #777;
}
```
Will look into a solution for the headline hover color, and get back to you on that one.

Thanks,

Emily
peterzalewski19 · Member · April 27, 2021 at 2:43 am
Copy link
Thanks for posting that. I am trying to do what the original poster asked in their Number 3, but it only changed the text color of the Title not the “Learn More” button. Could you advise how to change that also please?
emilysuesrq · Theme Author · April 27, 2021 at 2:17 pm
Copy link
Hello, try using the following to change just the text color of the Learn More button:
```
.home-slider .text-white a.more-link {
    color: #fff;
}
```
peterzalewski19 · Member · April 27, 2021 at 5:25 pm
Copy link
Awesome, thank you!

No items found.