Keeping image sizes mobile Friendly Redux

I just did a quick Google search and came across this – http://wp-snippets.com/remove-wp-caption-inline-style-width-in-wordpress-3-4-and-up/ and this – http://wp-snippets.com/remove-default-inline-style-of-wp-caption/ Give both of those a try and see if they work.

There are other posts that address this issue as well…..I googled – “remove wordpress caption width” and got the above results.

I think I may have a much easier solution, hopefully.

Instead of doing any of those tutorials above, try and add this to your style.css file (or wherever you add your custom css code).

.wp-caption {
    width: 100% !important;
}

There is a div with an ID labeled attachment-4012 (for example) and a class labeled wp-caption. This is where the width is applied “inline”. The width is also added to the image which is inside the above div. The above code will override the width for that div, and any div labeled wp-caption. You can use a different label, ID, or Class if you want, but if wp-caption is only being used for those particular images, and no other parts of your site……then you can just use that code as is and it will solve the issue.

Hi Wes & Team,

Does anyone know how to help me with this?

Paul

Wes is actually busy developing more themes and getting everything ready for Genesis 2.0, so I’m assisting him with the forums.

Taking a look at your issue, it appears the code that he gave works fine. The problem isn’t the theme, it’s WordPress that adds this code (not that it’s an issue). As mentioned earlier, the reason it’s not resizing is due to the fixed width added in your code. Since your code adds a fixed width you’ll need to add the code to override it.

When I view your site and add the code (using an inspector), this is what I see – http://i.imgur.com/HwX5yjt.jpg

vs the way it looks without the code –

So I’m guessing you both must have added the code incorrectly or something because that definitely makes it work. Try adding the code again and let me know once you do so I can take a look…..but it should work instantly.

I don’t see it in your code – http://standard.hotsaucedaily.com/wp-content/themes/epik/style.css?ver=1.9.2
Once you add it, it should work…..but I don’t see it in your css just yet.

Hi Eric,

That CSS code was added at the bottom of my Style.css. See my site with problem here: http://www.livermorewineriesapp.com/blog/2013-taste-our-terroir-food-pairings/

Did I add it in the wrong area like hotsauce suggested?

Paul

@golvine your issue is different. You have an error in your custom css code that you added right above it.

#dcssb-slick {display:none;}
}

Thats why its not working for you.