Hey There –
Had an earlier ticket to fix this. It was fixed for a bit, and now I’m seeing issues again.
This page looks great:
http://www.charlestonwedding.com/2014/portfolio-item/carla-scott/
But this one does not:
http://www.charlestonwedding.com/2014/portfolio-item/magnolia-plantation/
Currently have this Quick CSS in place that you recommended using:
h2 { margin-bottom: 0px;!important }
h3 { margin-bottom: 0px;!important }
h5 { margin-top: 2px; }
.avia-section {
min-height: 60px;
position: static;
}
Also, wouldn’t we want to be nesting the h2/h3/h5 styling just within .avia-section, to pin-point just this case? IE:
.avia-section h2 {
blah blah;
}
Thoughts?
Hey Matt!
Please add following code to Quick CSS as well
.postid-3804 #av_section_1 {
height: 60px !important;
min-height: 60px!important;
}
Best regards,
Yigit
This doesn’t seem like a great fix – it fixes the header issue on 3804, but none of the other pages that use the same formatting. Can we use CSS that encompasses all of them?
Example:
This one looks good (3804):
http://www.charlestonwedding.com/2014/portfolio-item/magnolia-plantation/
This one (and many others) doesn’t:
http://www.charlestonwedding.com/2014/portfolio-item/charleston-harbor-resort-marina/
Hi!
You can use the custom css class feature (see: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) to apply a special styling to certain color sections. I.e. use the class “small_color_section” and then use:
#top #wrap_all .small_color_section {
height: 60px !important;
min-height: 60px!important;
}
to apply the 60px height attribute to all elements/color sections with the class “small_color_section “.
Cheers!
Peter
Works great – thank you.