Problems with liquid Layout

sr-vollmar · June 2016

Dear BE theme. I have Problems with the second row (the three bubbles: How it works / from Muffin Group) of this page:

http://dachskurs.forexpro-systeme.de/

They look okay on regular resolution, but if I scale down they look slightly positioned to the right.

I have entered this code on custom CSS, in order to make the Pictures bigger, but now it has this problem, i think it comes from the fixed values:

.how_it_works { text-align: center; position: relative; width: 120%; height: 160%;}

.how_it_works .image { max-width: 100%! important; max-height: 100% ! important; vertical-align: middle; }

.how_it_works .image img { max-width: 100% ! important; max-height: 100% ! important; vertical-align: middle; }

Albert · June 2016

Hi,

if you look at http://pasteboard.co/1VdVvddf.png you see where the problem is. You can not set 120% of width because such items won't never center properly on different resolutions.

sr-vollmar · June 2016

okay, so how do I manage to scale the pictures. They are WAY too small on the original setup. Please give me a hint. I am no CSS pro!

Albert · June 2016

But what exactly and why you want to scale? What for?

sr-vollmar · June 2016

Because the images are too small.

Here is unscaled

this is scaled

Albert · June 2016

Sorry but we do not have such option included unfortunately. To make them larger, it is necessary to modify theme files.

sr-vollmar · June 2016

Okay, how do I modify the theme files than? You mean insert the pictures in a larger scale?

Is there any other way to show a Picutre with text underneath like shown where I can set the size values?

Albert · June 2016

In reference to Item Support Policy files customization are not allowed. So if you want to modify files and don't know how, you should contact with your web developer.

Problems with liquid Layout

Comments