Increase the margin

I'm using WordPress.

I want to make the area that holds my content larger. As you can see it features just a small space and a lot of background.

I've attached a picture as I probably haven't explained it too well. What can I do to extend it? Not sure what to edit.



Thank you,

 

You will need to edit a theme file to increase that width if the theme does not already allow you to do that using its options.

I have changed the width of the content area and nav on my local machine, as you can see in the image below. I can do the same on your website to make the changes permanent.

You can PM me, and we can discuss how to make that happen.

 

you should add custom css like this
.main-header-bar{
background-size: 100%;}

this is just increase your header bar

In my opinion, the best solution is that,first inspect the header bar element to see how you want it

adjusted. After make all adjustments copy css which you use and past it them into custom css and save it this is best and easy way to that.

 

Please send the link, so we can guide you more easily using the Inspect Element feature.

 

Hello,

The link is matthewashley.co.uk
Thank you for your help

 

First, you need to edit this file: publick_html/wp-content/themes/story/style.css. Locate the #content section and change `width: 1140px;` to `width: 1340px;`.
Next, in the same file, find the #primary section and change `width: 820px;` to `width: 1020px;`.
The result will resemble the attached image.

 

Thank you,
I made the change, however, its causing white space between my article images to show. Any idea?

 

That's all correct, what you have done. What you need now is to set the width of the image inisde the class entry media to the same with 1020.

 

Sorry, I have been unable to find this in my themes style.css

I have tried searching for the class entry-media but there is no height/width to edit

 

That should be a html file and not a css, so maybe check your html file and check if you could find the img tag and then change the width

 

you must make image width: 100%;

However, I would like to recommend you try the Hueman Theme - it's free and very flexible, I use it on a few of my sites.
You can choose there 1 or 2 sidebars.
I don't know what is the latest version now, but the last one I used was v3.7.
I still use it on MexicanRoutes(.com), FantasticRoutes(.com), and AncientMayanRuins(.com) - but I made a lot of modifications.