Fixed background image

  • knightaaron

    (@knightaaron)


    8 years, 8 months ago

    Hi There

    Im trying to make my background image (of a newish family home with windows) stay a fixed sized.

    At the moment when i resize my browser it zooms up in the image so I can only see the sky… How do I have this so that no matter what my broswer size is (computer or phone) you will see the whole image just resized to the window.

    I want to do display the house as this is apart of my business.

    Kind regards

    Aaron

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • sim89

    (@sim89)

    8 years, 8 months ago

    Hi Aaron
    Does your theme offer you anywhere to add CSS code?
    For example, if you select ‘appearance’ and then ‘customise’ is there an option to add your own CSS there?

    If there is you can add this piece of code:

    
.home #pg-8-0 .panel-row-style[data-hasbg="hasbg"] {
		background-position:center !important;
	}

    It just makes sure that the background image in this slot remains centred when the browser is resized.
    Sim

    Thread Starter knightaaron

    (@knightaaron)

    8 years, 8 months ago

    Hey Sim

    Thanks for your help mate, appreciate it. Very kind!

    I have tried putting it in Appearance > Customise > Additional CSS. However it hasnt fixed the issue. :\

    Ive also tried to add it in custom CSS however it still seems to zoom in when I resize the browser.

    The way I have it set up (with a GUI):
    [ SiteOrigin Edior ]
    [ Site Origin Button ]
    Next Row —————-

    So These are my 2 widgets inside one row. The background image is inserted in the row not in the widget. The site origin edior just puts text and the button puts a call button in.

    Is there a better way to do this?

    Kind regards

    Aaron

    ps sorry for so much writing 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Fixed background image’ is closed to new replies.