THANK YOU! This did it! You just made my day a lot easier. I appreciate it.
Topic summary
A single “Reviews” button in an Image with Text section wasn’t adopting the site’s global button color; the goal was to set it to #AF968B on whatareyoustrivingfor.com.
-
Initial suggestion: Add a global CSS rule (a.button.button–primary { background: #AF968B !important; }) in the theme’s CSS file (base.css/style.css/theme.css) via Online Store > Themes > Edit code. Outcome: it changed all buttons site‑wide, which wasn’t desired.
-
Corrective action: Replace with a highly specific selector targeting the Image with Text block’s unique ID (e.g., #ImageWithText–template–17937271718204__4201114a-57e9-415e-a5df-bf03e7df496e > a) and set background: #AF968B !important. This confines the style to that single button and overrides theme defaults.
-
Result: The targeted button updated successfully; no other buttons were affected. The user confirmed the fix worked.
-
Status: Resolved. No outstanding questions or disagreements.
Note: The solution relies on the section’s unique ID; if the section is duplicated or IDs change, the selector may need updating.