This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Row background image not responsive

Resolved 3 replies customizationpluginplugin-page-builder
Chase Anderson
10 years ago · Last reply by Support Assistants 10 years ago

I’ve been trying to get my background image to scale responsively but it’s giving me fits. I can’t seem to find the place to add

background-size: contain !important;

Also, is there a easier way to get the height to set other than using the custom CSS plugin? For some reason when adding the custom CSS to the row it’s not altering the CSS on the page.

Thanks in advance!

URL: http://thosepros.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Support Assistants 10 years, 2 months ago

    Hi Chase

    Perhaps you could reach out to theme support. The problem arises from the following rule in the theme’s style.css file.

    @media screen and (max-width: 1024px) {
	.panel-row-style {
		background-attachment: scroll !important;
		background-position: center top !important;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		background-size: auto !important;
	}
}

    Asking theme support why that’s been added would be a good start. They could advise a work around to assist.

  2. Chase Anderson 10 years, 1 month ago

    That helps, appreciate your fast response. Thanks!

  3. Support Assistants 10 years, 1 month ago

    Our pleasure :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread