Jakson

Hey, no worries,

Don’t forget to mark this topic as “resolved” if everything sorted?

Best of luck with you’re WordPress project!

Jakson

Hey there!

Yes, you’re right – you will need to add some CSS to your site – and you could add to the style.css, the code “could” be this:

.page-content, .entry-content, .posted-on, .entry-summary {
  width: 80%;
}

This will make the everything in your posts 80% of the width of the light green container. It should be noted that this code may have to be changed with some “media queries” so that the your text goes back to full width on mobiles -but that’s for another topic.

Also, that code makes everything 80% width – you may want your images or other elements to stay full width – in which case you’ll want to target just the specific objects like this:

.entry-content p, .entry-content ul {
  width: 80%;
}

This example only sets the “paragraphs” and “unordered lists” to 80%

“Where” you add the CSS is important – you should try not to add it to the style.css – just in case you need to update or re install your theme, as you’ll lose the custom css code you added.

So use a plugin like:

https://wordpress.org/plugins/simple-custom-css/

or something with some awesome features that will help you also learn CSS on the way is:

https://wordpress.org/plugins/so-css/

Hope this helps!

Jakson

Hey Rachel,

Try adding this CSS to your theme:

article.hentry {
border-bottom: medium none;
}

Let me know if you need help on how to add CSS?

Hope this helps!
Jakson

No Problem Gil!

You can add CSS to your site to achieve this, something like:

#page { background: rgba(0, 0, 0, 0) url(“https://images.unsplash.com/photo-1427464407917-c817c9a0a6f6”) repeat-y fixed center 0; padding-top: 30px; }

.container { background: #ffffff none repeat scroll 0 0; }

The image I have here is from unsplash.com, so you would replace this with something in your Media Library.

There’s also an awesome Custom CSS plugin that I can highly recommend that allows you to add CSS AND Background Images to your site with a “what you see is what you get” editor – its the “SiteOrigin CSS” plugin on the repo here: https://wordpress.org/plugins/so-css/ – there’s a little video on the repo home page and more info here https://siteorigin.com/css/

Hope this helps!

Jakson