Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2014 at 6:41 pm #332616
    Rustybucket

    I’ve got a color section set up with a back ground image set to scale. The setting are:

    Background Attachment – Scroll
    Background Image Position – Top left
    Background Repeat – Stretch to fit
    Background Video
    Section Minimum Height – No min height
    Section Padding – Default
    Section Top Border Styling – No border style
    Section Bottom Border Styling – No border style

    There are 2 issues however:

    1) when 2 columns are added to the color section and content added to these, the background no longer scales properly.
    2) the back gound does not display on a mobile device

    Any ideas?
    Cheers

    October 9, 2014 at 5:36 am #332911
    Ismael

    Hey Rustybucket!

    Thank you for using Enfold.

    Which section are you referring to? I checked the website and it looks nice. Try using this on Quick CSS or custom.css:

    .avia-full-stretch {
background-size: 100% !important;
}

    Best regards,
    Ismael

    October 9, 2014 at 10:01 am #333067
    Rustybucket

    Hi Ismael, sorry I should have been more specific, it is the second section down (below the main banner) but your script suggestion has rectified the problem :-)

    Many thanks

    October 10, 2014 at 4:54 am #333630
    Ismael

    Hey!

    Glad it worked. I’m not sure if it will align properly on all devices. Please use this to apply it specifically on that color section:

    .home div#av_section_1 {
background-size: 100% !important;
}

    If you still have questions, let us know. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color section background image scaling problem’ is closed to new replies.