This topic has 3 voices, contains 11 replies, and was last updated by  TB Support WP 4091 days ago.

Responsive image resize

ThemeBurn Support › Forums › WordPress Themes › Shoppica WordPress Theme › Responsive image resize

This topic has been marked as not resolved.

The photos in my blog posts do not resize when I view them on my iPhone – e.g. they extend off the side of the screen.  How do I make my posts look correct on different size monitors?

I saw the previous topic about a similar issue and the person resolved it by reformating his pages using the visual composer – but I don’t think this is possible for blog posts?

Thanks!

http://ryandaviesphoto.com/blog
 remdavies
February 18, 2013 at 9:19 am #18962

OK – I’ve now found the option to turn on visual composer for Posts (Settings > Visual Composer for anyone interested – it was only turned on for Pages as standard).

So I guess in theory I could go back and edit my past blogs (basically recreate them using visual composer), but this would be a nightmare. Is there any other way I can make the photos in my already published posts responsive to screen size?

Thanks!

  • This reply was modified 4096 days ago by  remdavies.
 remdavies
February 18, 2013 at 5:37 pm #18974

Hi,

The problem is that you have that wraps the images, remove the custom style=”width:810px” and it will look okay on your iphone.

Best,
ThemeBurn Team
 TB Support WP
February 18, 2013 at 7:39 pm #18984

Where do I remove the custom style=”width:810px” from? I can’t see it in the stylesheet. The size of the photo is defined as 800px in the ‘edit image’ screen via the post editor, but I don’t think that’s what you mean.

Thanks,

Ryan
 remdavies
February 18, 2013 at 7:46 pm #18985

Hi,

Check with HTML mode, and remove the style.

Best,
ThemeBurn Team
 TB Support WP
February 18, 2013 at 9:15 pm #18989

This only appears to work if I also remove the caption and paste the text as normal body text under each image. This will be a lot of work to do this for each image in each post…

Any better suggestions?

Thanks!
 remdavies
February 19, 2013 at 5:52 pm #19031
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
February 21, 2013 at 5:42 pm #19183

Brilliant – it works perfectly, thanks! I no longer even have to remove the custom style size HTML from each image. Pasting those few lines of code has literally saved me hours of fiddling to get my blog posts responsive to browser size.

Thanks again!
 remdavies
February 21, 2013 at 6:04 pm #19187

Actually…on further inspection it’s not quite perfect – now the caption box sticks out slightly on the right side of the photo when the screen is at full size (if I reduce the size of my browser so the images become responsive, the caption falls back in line with the photo).

Any ideas? It’s not massively noticeable, but I have zero chance of working out a solution on my own unfortunately.

Thanks for all your work!
 remdavies
February 22, 2013 at 12:21 am #19214
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
 TB Support
February 22, 2013 at 10:20 am #19221

Great – that’s spot on now.

Thanks so much!
 remdavies
February 22, 2013 at 2:15 pm #19244

Glad, we’ve helped.

If you like Shoppica and our support, we will appreciate your rating at ThemeForest :)

Best,
ThemeBurn Team
 TB Support WP
February 23, 2013 at 11:36 am #19280
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.