Auto scale not working

  • Resolved bortek666

    (@bortek666)


    9 years ago

    Hi

    If you load this page into browser (just type the guest code to access it)

    https://aeronix-ab.squarespace.com/?r=48159307&r=96631657

    and resize the browser to change it’s haight and width, by e.g. just moving the bottom right corner of the browser. You will notice that the Featured Image on the background is also resized.

    I cannot get the same behaviour on my own WP. Take a look at this one and to resize, you will it does not work. How do I make it work so that it is being resized just like in the above example?

    http://bortek.synology.me/wordpress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ismail

    (@elhardoum)

    9 years ago

    Have you tried:

    background: transparent url('http://bortek.synology.me/wordpress/wp-content/uploads/2015/04/BG1.jpg') center no-repeat;
	background-size: 100% 100%;

    ?

    Thread Starter bortek666

    (@bortek666)

    9 years ago

    Thanks Samuel for quick response, where do I add this? I am quite new to WP so please bear with me 🙂

    Ismail

    (@elhardoum)

    9 years ago

    I thought you have access to the code. never mind.

    1. Install a Custom CSS plugin ( or add CSS in step 2 to your style.css file )

    2. add the following CSS:

    header.featured-img-header {
	background: transparent url('http://bortek.synology.me/wordpress/wp-content/uploads/2015/04/BG1.jpg') center no-repeat!important;
	background-size: 100% 100%!important;
}

    I hope it overrides the existing styles because your theme uses !important too much ( that’s why you should try the plugin step 1 )

    Thread Starter bortek666

    (@bortek666)

    9 years ago

    Samuel, thanks for helping me out.

    I have managed tpo achive what I wanted with modifying your code slightly

    header.featured-img-header {
    background: transparent url(‘http://bortek.synology.me/wordpress/wp-content/uploads/2015/04/BG1.jpg’) no-repeat scroll top!important;
    background-size: 100% !important;
    }

    I removed another 100% to keep it scaled correctly. It works now! 🙂

    Cheers.

    Ismail

    (@elhardoum)

    9 years ago

    Great! glad to hear you are fixed 🙂

    Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Auto scale not working’ is closed to new replies.