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

    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

    #131318

    Hey!

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

    Regards,

    Peter

    #131319

    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.

    #131320
    #131321

    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

    #131322

    Thanks that did the trick.

    Cheers,

    Casper

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Adding Background Shrinks Color Section Images’ is closed to new replies.