Images No Longer Resize – Agency 2.0 theme

[anotherusername]

Hi everyone,

The images on one of my sites where I use Agency 2.0 theme are no longer resizing / responsive. Hope you could take a look at it:

http://www.thebuddhagarden.com/blog/buddha-poses/

I have a couple of other sites that I THOUGHT are using the same CSS file, but the images on those sites DO resize.

for my img tag in my CSS file, I have this:

img {
	height: auto;
	max-width: 100%;

}

Thanks in advance for any suggestions.

http://www.thebuddhagarden.com/blog/buddha-poses/

[anotherusername]

I just wanted to explain a bit more about the problem.

Specifically, I am talking about the #header div background image.

It turns out, Agency theme (and perhaps MOST Genesis themes) use inline CSS for the #header background image:

#header {

background-size: auto !important;

}

But it looks like to make that #header background image responsive, you need to add 100% to it as:

background-size: 100% auto !important;

Unfortunately, I don't know if it is at all possible to overwrite the inline style if it has the !important tag. Is that possible?

Or will I have to go in and edit the child template theme?

Thanks in advance.

[Author]

Posts