Hi Enfold team,
I would like to have the same top padding on another page, as the one you guys created on my homepage using the following CSS:
@media only screen and (min-width: 990px) {
.home #main { padding-top: 250px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 989px){
.home #main { padding-top: 250px !important; }
}
@media only screen and (max-width: 767px){
.home #main { padding-top: 50px !important; }
}
What should I change in the CSS, so it works for the page ‘Stories’, please see link in private content.
Former questionm where you solved this for my homepage:
https://kriesi.at/support/topic/best-way-to-insert-a-fullwidth-banner/
#287278
Hi changegroup!
Thank you for coming back.
Try to remove the class
.home
from the code above – this will lead you to e.g.
@media only screen and (min-width: 990px) {
#main { padding-top: 250px !important; }
}
This should set the same padding for all pages.
If you want to limit the settings to special pages only, you find classes in the <body> tag.
Best regards,
Günter
Thanks a lot !
Hey!
Please try following code
@media only screen and (min-width: 990px) {
.page-id-5190 #main { padding-top: 250px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 989px){
.page-id-5190 #main { padding-top: 250px !important; }
}
@media only screen and (max-width: 767px){
.page-id-5190 #main { padding-top: 50px !important; }
}
Regards,
Yigit
Perfect Yigit!
This is awesome. Thanks for the quick support!