-
Posts
-
Hello,
If I add a background image through the theme’s “styling” > “main content” menu my full width images in my color sections shrink to half of their width.
If I turn off the background the images in the color section go back to full width.
Please advise.
Cheers,
Casper
Hey!
Can you post a link to a page where the issue occurs? Maybe it’s a css code conflict.
Regards,
Peter
I was having the same problem also and I applied the following CSS for a quick work around:
.avia-full-stretch {
-webkit-background-size: cover !important;
background-size: cover !important;
}
“-webkit-background-size: cover !important;” fixed the issue in Chrome & “background-size: cover !important;” fixed the issue in Fire Fox.
I haven’t checked to see if the problem is occurring in any other browsers, so if there is another solution, any help would be much appreciated.
Here is the page: http://dbg.casperblackwell.siphonlabs.com/
Hi CasperBlack,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia-full-stretch.avia-section {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}I’ll tag the topic for Kriesi as well since it should be adjusted with the css hierarchy but this should provide a good interim solution.
Regards,
Devin
- The topic ‘Adding Background Shrinks Color Section Images’ is closed to new replies.