Making all hover/non hover text be same opacity/color on site — Craft Theme

Store Design
, , , ,
1

Hello,

I am having an issue where my nav menu and footer menus have text at a lower opacity unless I hover over it and make it 100% opacity. But in my main nav menu, the current page is displayed by having the text be underlined and at 100% opacity (this is ok with me).

I simply just want to make all text be 100% opacity of my main #181818 black color of my site. If one hovers over another menu item, it can just have an underline pop up to indicate you’re hovering over a link. How do I do this so it is same color on desktop and mobile and also make the email box in footer be 100% opacity of #181818 too?

In summary, all navigation, footer text & footer email area should be same 100% opacity of #181818.

My site: http://thetypefella.com

2

Hi @jmd92

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1706073560388.png
PageFlyRichard_0-1706073560388.png2090×1576 118 KB

PageFlyRichard_1-1706073569466.png
PageFlyRichard_1-1706073569466.png2090×1576 192 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

wow that worked perfect! Thank you so much, would it be too much of a hassle to get the email newsletter outline and text inside stating email & → symbol to be the same 100% opacity? Those look like they still have that same low opacity.

4

you can replace the code added above with this one
5

perfect again, thank you so much!

6

you are always welcome