Tagged: LayerSlider, media query
Hello. On iPad landscape, I’m trying to do a left padding of 39px for H1 and 48px for Paragraph. Here is what I have for the H1 CSS and I’m not sure of the correct syntax for Paragraph.
@media only screen and (max-width: 1024px) and (min-width: 990px) {
h1.ls-1 {
padding-left: 39px !important;
}}
Thank you,
Ryan
Hi Ryan,
Do you want to apply it to paragraphs in general? If so you can try the following:
@media only screen and (max-width: 1024px) and (min-width: 990px) {
p {
padding-left: 48px !important;
}
}
Thanks,
Rikard
Thanks for the response, but I’m only trying to target H1 and P within the LayerSlider. The CSS I put into Enfold does not have any impact on the sliders. I’ve also tried putting the CSS in the LayerSlider layer(s).
Hi!
Please try following code
@media only screen and (max-width: 1024px) and (min-width: 990px) {
p.ls-l {
padding-left: 48px !important;
}
}
Best regards,
Yigit
Perfect! Appreciate the quick response. Good to go.