Column background

Hello there,

How do I do if I want something like this but with 2 different images side by side?

I have tried changing the background of the column without success.

Sincerely,
Anton

Another quick question. If I want the WMPL flags to be besides the cart like attached image, how do I do that? 🙂

Attachments:

You must be logged in to view attached files.

Hi,

Could you please upload a screenshot to the first question less than 512KB?

As for the languages selector, there is no widgets area right after shopping cart widget. If you want to add it there, you may need to customize the header code in the file inc/template-tags.php

Regards

Here it is!

So where would you recommend to put the language selection?

/Anton

Attachments:

You must be logged in to view attached files.

Try to create a row with two columns and set different images background for both.
As for languages selector, you can add it to the main menu or to the topbar navigation.

I tried that. However it only looks like this. I have tried many different settings.
What should be the correct settings?

Attachments:

You must be logged in to view attached files.

Could you please send us a link where we can see it?

Here it is: http://new.swedishtonic.com

You need to set background size option to cover for both columns.

And how do I get the full height of the image? And how do I get it full width to the edge of the website?

You can set the row with columns to “Stretch row” and make it “Full height” also.

Those are the settings I have. Still doesn’t work.

Could you please provide me your admin access?

Absolutely! Here it is!

Please, check how it works now.

Hello,

Thanks! However the photo is stretched and does not look very good. I want the image to be like it is original.

Sincerely,
Anton

We suggest you to increase original images size to make it look better.

The problem is not the image size but the ratio of the image. The image should not be as high as it is now. How do I solve this?

But you set the row to be “full height”. And of course, it will be adapted to the screen your website is viewed on. Try to disable this option and set your row height using padding top and padding bottom options.

It would have made more sense if full height would have been the actual height of the content. I think that most people will think.

The other row where I have 1 image only full height gives the row the height of the image. Just like I want it. Please see previous screenshots.
Why is it like this?

Both rows work in the same way and take the height of the screen. Anyway, it doesn’t depend on our theme at all. You can check how it works with default WordPress theme.

The only one difference between them is that first row has background size option set to contain and the second one is cover. Try to use different ones.

Regards

[Author]

Posts