Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #26704


    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.





    Can you post a link to a page where the issue occurs? Maybe it’s a css code conflict.




    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.


    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.




    Thanks that did the trick.



Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Adding Background Shrinks Color Section Images’ is closed to new replies.