Custom CSS for hovering over a button (Theme: Reformation)

Technical Q&A
4

Hi @OOSODrinksCo ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_1-1716422383088.png
BSSTechVenture_1-1716422383088.png1902×899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_2-1716422390541.png
BSSTechVenture_2-1716422390541.png1916×934 101 KB

Step 3: Insert the below code at the bottom of the file → Save

.layered-images-with-text__content--inner .button[title="Learn More"]:hover {
  color: black !important;
}

Here is result:

BSSTechVenture_0-1716422354325.png
BSSTechVenture_0-1716422354325.png1915×979 240 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like