How to change width for main container, post container and right sidebar?

Travelify
1

Hello,
Is it possible to make default Travelify theme wider? Dont remember what is default
width, I have something like 1018px for main container, 634px for posts and 300px for sidebar
used area. I would like to adjust main width to 1200px and is it possible also to
decrease vertical padding between post area and sidebar area, horizontal between posts and
sidebar blocks?

Thanks in advance,
Kirill.

P.S. I have tried some examples from previous posts but with no effect.

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to widen the theme by going to Appearance > Customize > Additional CSS and pasting it there.

/*Increase width*/
.wrapper {
    max-width: 1200px;
}

section.featured-slider img {
    width: 1200px;
}

Best Regards,
Support

3

Hi,

thanks a lot! I have main theme width extended now but post container and right sidebar remains
the same and there are big indents from both sides. How can I widen other elements too?
Best regards,
Kirill.

4

Hi,
I will try to adjust the width of the elements by examining the css code by myself.

Thanks for help.

5

Hello there,

If you could provide images of the problem areas then we could provide some assistance.

Best Regards,
Support

6

So I made the page wider but now how do I make the content also wider?
https://chipset.net/

7

So I made the page & main container wider but now how do I make the content also wider?
https://chipset.net/

8

Hello there,

I hope you are doing well today.

You can use the following CSS code to edit the width of the elements by going to Appearance > Customize > Additional CSS and pasting it there.

/*Content margin*/ div#main { margin-left: 10px; margin-right: 10px; }

/Post content/
#primary {
width: 80%;
}

/Widget Content/
#secondary {
float: left;
margin-left: 3px;
width: 19%;
}

/Full container for both primary and secondary/
.container {
margin: 0 auto;
max-width: 100%;
}

Best Regards,
Support

9

Wow thanks! this is the best template ever and great support. I spent my entire weekend trying to work with another template only to finally give up after finding out I have do to all kinds of child themes and coding to get it to work like I wanted. You have though of everything, great job. Word press is all about Choosing the right template.

By the way I’m assuming the custom code areas will not be over written on theme updated, correct?

10

Hello there,

They should not be over written but you can use the following plugin to create and use a child theme:

Child themes are a copy of the theme that is not affected by the updates so the changes remain with them.

Best Regards,
Support