NiceThemesResponsive images in pages – NiceThemes

Responsive images in pages

dkat1043 — Sun, 26 Jan 2014 21:28:11 +0000

Hello,
I’m wondering how I can get the images in my pages to be responsive. I have a page that uses the Full Width template, and when I add an image to the page using Add Media, it displays well on the desktop but is cut off on the iPhone, as it doesn’t resize. Is there a trick to inserting images in pages that will be resized, or are only parts of the theme responsive?
Thanks.
Dan

Reply To: Responsive images in pages

Juanfra Aldasoro — Sun, 26 Jan 2014 23:07:25 +0000

Hello Dan,

Thanks for writing.

The idea is that the theme contemplates the responsiveness of the different images that are part of the main design. The contents are something that are inserted by each user.

However you can try some styles in order to make them responsive.

Try to add this custom CSS:

.entry img,
.widget img,
.wp-caption {
	max-width: 100%;
}

You can learn how to add custom CSS here: http://nicethemeswp.com/support/theme-docs/netelier/#custom-css

Best,
Juan.

Reply To: Responsive images in pages

dkat1043 — Sun, 26 Jan 2014 23:50:32 +0000

Thanks, Juan. No luck so far, but I’ll keep experimenting. Do any of the main design elements work on the Full Width template, which might let me insert an image that becomes responsive? Thanks again for your quick reply.
Dan

Reply To: Responsive images in pages

dkat1043 — Mon, 27 Jan 2014 01:40:37 +0000

I’ve played with it some more, and seem to have a solution that works. Using the max-width:100% for wp-caption with a different percent for the height works in different media queries for different devices. Will have to do for now until I can figure out a uniform way of doing it. Thanks, Juan.

Reply To: Responsive images in pages

Juanfra Aldasoro — Mon, 27 Jan 2014 02:18:21 +0000

Hi Dan,

Thanks for the follow up.

Would you send me your site details over support@nicethemeswp.com so I can take a look?

Thanks,
Juan.