Is there an easy way to wrap an image around text and make sure the image is responsive and adapts to the screen?

http://oinsulation.wpengine.com/a-test-page (hosted on WPengine) – currently have 3 columns setup to make the image resize

Ideally I want the image wrapped around the text but when I do this the image doesn’t re-size and it looks bad on tablet portrait view.

Hi and thanks once agaun for a fantastic theme, my #1 choice!

I wonder if Enfold uses a different stylesheet in order to make sure product images is displayed beautifully also on mobile devices or if you what lightbox you use in order to achive this?

you see, I have a custom wp site and even if it can never come close to the master piece you have developed, I must deliver to client a version that is also looking good on mobile devices, and so far the lightbox is not adjusting to iphone scfreen but “cut off” – hence my question.

1 million thanks for answereing this question that might be a little bit out of scope, any advice appreciated highly!

this is the site so far showing lightbox on mobile not as good asenfold does: joveniajuveler.intelligentsolutions.se/jewellery/

I just opened my website in IE8 and there are a TON of things that are broken. The menu overlays the logo, the text is stretched, the blog preview images are stretched on my homepage, and all of the buttons are transparent with no blue background. I tried the fix listed in this topic: https://kriesi.at/support/topic/buttons-in-ie8, but nothing changed. This is a bit urgent as we’re doing a soft launch of the website tomorrow. Advice?

Here’s a link: http://goo.gl/jGUCw

Thanks!

this is a child of https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs#post-127924 this issue.. but I thought appropriate to add a new topic..

1. When adding a single column gallery with say a 300×300 px image…or a 2 column with two 300px images, how can you get the images to align to the center of the column you have placed it in ?

Check the alignment here .. http://shoutkey.com/am

first 3 pictures are diff sizes but not aligned. second 2 pics are using a spacer image..

Images seem to left justify along with their captions. I would like to have multiple galleries in a page – some with 2 images, some with 3, mostly the same size but aligned to center of the page.. I tried adding a spacer image for 3 columns using 2 main images but the space is padded far too much…

2. captions underneath the thumbnails.. if adding 2 images to a 3 column layour – the captions move directly to the right side of the image.. depending on the size of the thumbs, the captions sometimes appear underneat, sometimes break half underneat and half on the side.

3. Is is possible to align the captions to center underneath the thumbnail, not just left justified.

I tried `/*caption align*/

.visible-caption{

text-align:center;

}

` with no joy..

Thanks again

Hello,

first of all thank you for the wonderfull template, it’s realy high end!!

I just have a problem with my gallery when i resize the browser window:

1. I uploaded Pictures with the sizes 650 x 400 px

2. I have chosen the settings: no scaling

Right now everything looks fine as long as i watch the gallery image while the browser is full sized.

When i start to resize the browser window on a certain point the images start getting blurry.

Can you tell me how to solve the problem?

Hi,

Is there anyway to add a transparent background behind a text box?

I have a color section with a background image and two 1/2 column layouts. The second 1/2 column has a text box with a form. I need the text and form to stand out on top of the image and i’m not sure what to do.

Thanks.