WP Version: 3.9.1
Theme: Enfold
Website: http://liquorstore.maximfactory.com/videos/
I have this code for each page:
.page-id-51 #av_section_1 {
height: 75px;
min-height: 75px;
}
.page-id-51 #av_section_1 .content {
padding-top: 20px;
}
Is there a way I can either have the same code for multiple pages by using a comma like this:
.page-id-51,21,151,48,16 #av_section_1 {
height: 75px;
min-height: 75px;
}
.page-id-51,21,151,48,16 #av_section_1 .content {
padding-top: 20px;
}
OR a code that will just tell all pages to have that result?
Thank you.
Hey!
Commas in CSS work this way:
.page-id-51 #av_section_1 .content, .page-id-21 #av_section_1 .content, .page-id-151 #av_section_1 .content, .page-id-48 #av_section_1 .content {
}
If you want it to apply to all pages simply remove the prefix:
#av_section_1 {
height: 75px;
min-height: 75px;
}
#av_section_1 .content {
padding-top: 20px;
}
Best regards,
Josue
Worked perfectly, thanks.
You are welcome, glad we could help :)
Regards,
Josue
Wait, I just went to my home page and this is what it looks like now:
http://liquorstore.maximfactory.com/
Can I exclude the home page from having this as well?
Thanks.
Add this too:
.home #av_section_1 .content{
padding-top: 0 !important;
}
.home #av_section_1 {
height: auto !important;
}
Cheers!
Josue
That worked, thanks.