How can I change the opacity of text links in dawn theme?

[cherrysorbet]

Hello! 

Long time lurker, first time asking for help! I have been (for hours) trying to find a solution to the opacity of text links (circled in green) that appear to have an opacity I can't remove. On hover it is solid.

I managed to find a solution to changing the opacity of one type of text in the footer (circled in blue) by adding code to the end of the base.css file but it only changed the text circled in blue.

I can't change the opacity of links in the footer menu (circled in green). I want the text to be solid white to match the text circled in blue. This is an issue I'm having with 'color scheme 2' generally as all text apart from headings is opaque on the red background. Where in the code can I edit the opacity for this scheme?

[dbuglab]

Hi @cherrysorbet 

Can you please provide your Store URL and Password too?

With Regards,
Dbuglab

[cherrysorbet]

Sure - cherrysorbet.myshopify.com

pw is: meompu

[dbuglab]

@cherrysorbet 

You don't want to show the menus in footer or want change the colors of menu on hover?

[cherrysorbet]

Neither. I want the links within the footer menu and all text on red backgrounds in scheme 2 to be solid white and not opaque. I don't want the 'hover' aspect of text links to be altered at all. 

[Moeed · Accepted solution]

Hey @cherrysorbet 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block__details-content .list-menu__item--link, .copyright__content a {
    color: white !important;
}
.rte p {
    color: white !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[cherrysorbet]

Thank you! This worked 💘

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[cherrysorbet]

Hi, I think your solution changed all of the paragraph text to white meaning my product descriptions show up blank (screenshots show it highlighted in grey to show white text). In my original request I just wanted text on red background white (scheme 2) but scheme 1 paragraph text should remain black as my scheme 1 backgrounds are white. Hopefully that makes sense! 

[Moeed]

Hey @cherrysorbet 

Kindly remove the previous code and add this new code with in theme.liquid file.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer-block__details-content .list-menu__item--link, .copyright__content a {
    color: white !important;
}
.footer .rte p {
    color: white !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[dbuglab]

Hi @cherrysorbet 

Please follow these Steps:

1) Go to Online Store
2) Edit Code
3) Please find theme.liquid file
4) Add the following code above </head> tag

<style>
a.link.link--text.list-menu__item.list-menu__item--link:hover {
font-weight: normal;
color: rgba(var(--color-foreground),.75);
}
</style>

[cherrysorbet]

Thanks but this did the opposite of what I asked for and removed the hover aspect I wanted to keep plus it didn't change the opacity of the text. Found a solution above but thank you for your help!