Reply To: Blog Margins

Home Forums WordPress Themes – Premium Encounters Blog Margins Reply To: Blog Margins

#18139
Sushil Adhikari
Moderator

There is actually…but you will need to make some theme file adjustments to do it. Because this theme uses the Bootstrap 12-grid (column) layout, it also has coding (css) for offsets which allows you to put more spacing between columns. Hopefully you watched the tutorial for Child themes because this is where a child theme comes in handy so that future updates to Encounters won’t overwrite your changes.

Basically for the blog layout, the theme file that handles the columns (main content and the right sidebar column) is the “blog-right.php” file. Inside that file are two div containers:

and…

The first means to make the container 8 columns wide and the other is set to make the sidebar 4 columns wide. This theme as mentioned is using a 12 grid layout (12 columns). So these two containers need to equal 12 columns. So you could make it span6 and span6 if you want because these equal 12. Likewise I could do a span7 and a span5 because these also equal 12.

For your request, you want to make more space between the main content and the sidebar so we have to add an extra class to one of these containers and also change the spans. So one is going to make it smaller in width, so we will do it to the main content.

Make the span8 this:

Then make the other one (the sidebar) this:

So what is happening now is that we made the main content smaller but we kept the right sidebar the same width. However, the offset1 adds 1 column of space between these two and makes up for the 1 column we took off the main content container and keeps the right sidebar where it is.

Making sites is fun hey 🙂

It’s a bit techy, but this is how you can add more space by using the offset class.