Theme width / margins

Hi, thefoodspiration.

Thank you for contacting us and for using our theme. We appreciate it.

That domain is parked at the moment so I couldn’t see your website, but I’ve based this piece of CSS on our demo Kale website.

Please add this to Appearance -> Customize -> Additional CSS:

.container {
	width: 80%;
}

Or if it doesn’t have any effect, try this:

.container {
	width: 80% !important;
}

Adjust 80% to whatever you want.

I hope this helps.

Kind regards.

Hello,
it works, but I actually ment the margins of white/grey area. Now content is adjusted to the white area, when I use this code, the content is smaller but white area is still the same and it doesn’t look so good on the mobile phone. Also it cuts the pictures then in the phone view.

Thank you,
Jana

It would be the best, if I could use is just for phone view.

Yes, it is possible to limit the code to mobile view only, but since I have no idea what grey area you’re talking about, could you post a screenshot of your website or make it available publicly?

This is what I see when I access it – https://prnt.sc/s96p4q

@siniplyrathemes Good to see you here ??

Hello,
sorry my site is not published yet. Where can I send you screenshot? There is no option for in these messages.

Hi, you can use the same service that I’ve used to post my screenshot – https://prnt.sc/.
Make a screnshot, upload it there and post the link here.

Kind regards.

Hello,
this is what I ment in red circles: https://prnt.sc/sa6mqu

The best would be if I could only change it on computer view and leave it the same in phone view. Thank you.

Kind regards,
Jana

Hi and thank you for the screenshot.

You can try this:

@media(min-width: 1280px) {
	.main-wrapper, .container { width: 90% !important; }
}

It will affect only the screen resolution of 1280px and higher so the mobile view should remain the same.

FYI, the URL you’ve posted in the opening post is wrong.

Kind regards.

This works! Thank you very much.

Kind regards,
Jana