Content Spacing and Margins

  • Hi,

    On my site I have a massive, yellow margin on the right side of my page next to the content sidebar. I want to decrease it and widen my content but I’m not sure how to do it. I’m pretty new to WordPress so I’m not good with coding at all. Could someone help me input the right code and where to put it exactly to help me with this please?

    My site is https://www.vendorculture.com

Viewing 7 replies - 1 through 7 (of 7 total)

  • Adding this to the Edit CSS screen should center your page, adding some yellow to the left as well, and shrinking the right margin.

    #page {
	margin-left: auto;
	margin-right: auto;
}

    Thread Starter jcosborne23

    (@jcosborne23)

    Hi Asa,

    I’ll try out the code and let you know what happens. Thanks for helping me out!

    Thread Starter jcosborne23

    (@jcosborne23)

    Ok, it added a margin to each side and balanced the sizing for each margin as well. Is there any way to widen the actual content so it decreases the size of the margins?

    This is what I’ve used in my CSS….Hope it helps!

    .site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: auto 0;
	max-width: 1050px;
}

    Thread Starter jcosborne23

    (@jcosborne23)

    Ok Asa, I’ll give it a go and let you know how I get on. Thanks again!

    Thread Starter jcosborne23

    (@jcosborne23)

    I made a couple of changes to the margin and max-width and it looks so much better now! Thanks for your help Asa, you’re a lifesaver!

    Just passing on what I’ve learned from other threads….
    I couldn’t code my way out of a wet paper bag.

    Remember to mark this thread as “resolved”!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Content Spacing and Margins’ is closed to new replies.