Docs

[paradoxcameron]

I currently am trying to make the blog take up more of the page and have an easier way at changing the background. How do I go about this?

Here is an example: http://zenxienz.com/where-does-beauty-come-from/

I mostly want more freedom of blog layout that I cannot seem to find.

Thanks.

[Nico]

Hi There,

Thanks for writing in.

I could see that you have this code below:

.blog .entry-wrap, .single .entry-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    background-color: #dfd9c3;
}

Adjust it to this:

.blog .entry-wrap, .single .entry-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center;
    background-color: #dfd9c3;
}

Then to increase its width add this

.single .entry-wrap {
    padding:15px
}

Adjust the numbers to achieve the best design you want.

Hope it helps let us know how it goes.

Thanks.

[paradoxcameron]

Thank you that worked perfectly!

Now I’m just wondering if there is a way to change the background color that goes behind the of the rest of the site, but just for the blog posts, not the rest of the site.

[Rupok]

Hi there,

Thanks for writing in! You can use the code like this :

.single-post, .single-post .site {
  background-image: url("http://PATH/TO/YOUR/IMAGE.jpg") !important;
}

Let’s change the http://PATH/TO/YOUR/IMAGE.jpg with your uploaded image path.

Cheers!

[Author]

Posts