How to make background responsive via CSS?

  • Resolved ikar77

    (@ikar77)


    7 years, 2 months ago

    Hi! Thank you for a very useful plugin! It works perfectly, but the only thing I want to change is to make the background responsive (scalable depending of the browser window size). Usually it’s quite simple by using something like this in CSS:

    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;

    But in the case of this plugin I can’t find where and how I can specify “background-size” to make it scalable. Should I change the code or I can add something to customs css to overwrite the default value? Thanks a lot!

    Regards,
    Andre.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Demis Patti

    (@demispatti)

    7 years, 2 months ago

    Hello Andre

    I’m glad you like it. I’ll look into it soon.
    Since I am quite busy right now, allow me 2 to 3 more days for some more testing and an accurate answer.

    Regards, Demis

    Thread Starter ikar77

    (@ikar77)

    7 years, 2 months ago

    Thanks Demis! I will wait for your reply!
    Regards,
    Andre.

    Plugin Author Demis Patti

    (@demispatti)

    7 years, 2 months ago

    Hello Andre

    Thanks for your patience.
    At the moment, there is no way to change the size of the background image via css:
    The image is once drawn onto a canvas element, with fixed sizes.

    I will wrap my head around a solution where the image is drawn dynamicly onto the canvas, respecting mobile devices and changes in window size. This feature should be available with version 0.8.0, so within one or two updates. Or, in other words, in about two to three weeks, since I have other projects going on, too 😉

    Regards,

    Demis

    btw: May I have a look at your website? 😀

    Thread Starter ikar77

    (@ikar77)

    7 years, 2 months ago

    Hi Demis,
    Thanks a lot for your help I will wait for a new plugin version!

    As for the website, here it is what I’m trying to do with your plugin: https://grailium.com/watch/breitling-chronomat/ – there is a background image which I want to make responsive, because for example if you will open this page on mobile you will see only the part of the “background” which I’m using as a main page image. I also tried few other plugins like “WP Backgrounds Lite” for example, where the background is responsive, but works only on pages and posts, not on the products. I’ve tried a lot of other plugins, yours is the best one for my proposes, but not responsive, so I will wait for your update! Thanks a lot again!

    Regards,
    Andre.

    Plugin Author Demis Patti

    (@demispatti)

    7 years, 2 months ago

    Hello Andre

    The plugin is responsive now and might suit your needs.
    If you like it, rate it 🙂

    Regards, Demis

    Thread Starter ikar77

    (@ikar77)

    7 years, 2 months ago

    Yeah!! Just updated and it works perfectly!!! THANKS!! Rated!
    Regards,
    Andre.

    Plugin Author Demis Patti

    (@demispatti)

    7 years, 2 months ago

    You’re very welcome 🙂
    I’m glad it fits your needs.
    Thanks, Andre!

    Regards,

    Demis

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to make background responsive via CSS?’ is closed to new replies.