Make text in layerslider inherit style from custom headers

Support
#1

Hola!

Hey, I’m trying to create a layerslider with text that inherits style and responsive behavior from all my .h-custom-headline.

URL LAYER SLIDER:
https://cafeekudden.se/kod/ ‎
and
https://cafeekudden.se/pa-gang/
PASS:
ekudden

What CSS need to be added in layerslider backend to achieve this?

<3

#2

Hi There,

Since those style is attached to the class, we can just add the class on the layer class field.

Then let’s update those CSS so it will sure work on the structure. Something like this:

  @media (max-width: 481px) {
  .h-custom-headline,
  .h-custom-headline p {
     font-size: 200% !important;
     padding-bottom:10px !important;
   }
  }

Hope this helps.

1 Like
#3

Hi!

I never got it to work that way. I worked around it and created my own responsive CSS. More code…but it works.

Thanx!

#4

Glad you’ve sorted out.

Cheers!

1 Like