Images No Longer Resize – Agency 2.0 theme

Community Forums Forums Design Tips and Tricks Images No Longer Resize – Agency 2.0 theme

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  anotherusername 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #115088

    anotherusername
    Participant
    Post count: 63

    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/
    #115192

    anotherusername
    Participant
    Post count: 63

    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.

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

You must be logged in to reply to this topic.