Prestige theme slideshow change header font size desktop

Store Design
1

Hi!

I need your help with our store lashfaceco.myshopify.com

We are using the Prestige theme, and I added this code

/*Added to change slideshow header size*/
.Slideshow__Content h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 {
font-size: 30px !important;
}
.Slideshow__Content h3.SectionHeader__SubHeading.Heading.u-h6{
font-size: 12px !important;
}
/*End added code*/

But it only changes the mobile header slideshow font size and not the one on desktop.

Any ideas?

Thanks! :grinning_face_with_smiling_eyes:

1 Like
2

Hi @nitro9 .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file theme.css

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
.Slideshow__Content h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 {
font-size: 30px !important;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
.Slideshow__Content h3.SectionHeader__SubHeading.Heading.u-h6{
font-size: 12px !important;
}
}

Hope this answer helps.

Best Regards,

PageFly

3

@nitro9

oh sorry your code is current just add media please add below code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 769px) {
/*Added to change slideshow header size*/
.Slideshow__Content h2.SectionHeader__Heading.SectionHeader__Heading--emphasize.Heading.u-h1 {
font-size: 30px !important;
}
.Slideshow__Content h3.SectionHeader__SubHeading.Heading.u-h6{
font-size: 12px !important;
}
/*End added code*/
}
4

Thanks!

I added this code but I still do not see any changes into the desktop size on the slideshow title.

I cleared my cache and refreshed the browser but still no changes..

Do not really know why it is updating on mobile but not desktop… :thinking: