changing button font for slideshow hero image - spark theme

Store Design
, , ,

Topic summary

A user wants to change the slideshow button font to ‘Roboto Slab Light’ (their header font) in the Spark theme.

Solution provided:

  • Navigate to: Online Store → Theme → Edit code
  • Locate the theme.css file
  • Add the following CSS at the bottom of the file:
.slideshow__content-wrapper .btn.btn--primary.btn--large {
  font-family: var(--font-heading) !important;
}

This CSS targets the slideshow button and applies the heading font variable, which should match the ‘Roboto Slab Light’ font already set for headers. The solution assumes the theme’s heading font variable is correctly configured.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

i would like to change the slideshow button to ‘Roboto Slab Light’ which is my header fontt.

Screenshot 2023-04-12 at 4.10.56 PM.png
Screenshot 2023-04-12 at 4.10.56 PM.png2284×1218 528 KB

https://www.call2love.com/
PW: raczek77

2

Hi [email removed]Chantelrudden,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

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

.slideshow__content-wrapper a.btn.btn--primary.btn--large{
font-family: var(--font-heading) !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly