Wider content section- Newsworthy theme

  • Unknown's avatar
    coconutandberries · Member ·

    Hi folks, I’d love some help on how to make the content section of my blog wider. I’d ideally like to narrow down the background and widen the main section.
    Could anyone give me any advice?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    I’d ideally like to narrow down the background and widen the main section.

    I just checked http://coconutandberries.com/ and I see that it is a responsive theme. That means that the CSS uses media queries to target different screen sizes. If you wanted to adjust the view at large screen sizes (i.e. desktop monitors) to make the content column larger and the sidebar smaller, you could add something like this to your Appearance → Themes → Customize → CSS panel:

    @media screen and (min-width: 42.5em)
	.content-area {
		width: 70%;
	}
	.site-main .widget-area {
		width: 25%
	}
}

    Hopefully that example will serve as a good starting point for you.

    If you are interested in learning more about media queries, check out this overview:
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html

  • The topic ‘Wider content section- Newsworthy theme’ is closed to new replies.