How to widen and center posts on spun

  • Unknown's avatar
    pelicanjess · Member ·

    Hey there,
    I’ve been trying all these different widening codes for different themes but none of them are right for spun. I want to change my content width (text and pictures) from the default, which is pretty narrow, to around 760px, but keep it centered between the page turn arrows.
    I’d like to do this and keep the blog on two lines if that is possible (some of the codes I tried stretched the page out so that the title went from two lines to one, and started way over on the edge of the page).

    Also, how do I change the color of the font for my posts with out loosing the translucent back ground that allows you to see the custom background picture?

    And one more if you have time, I have a gallery widget down at the bottom of the page that I put a bunch of pictures in, but they don’t show up on the blog, how can I fix that? And where can I go to read instructions on how to put the gallery up in the main menu with the about and the home?

    Ok no more questions. I’ve just read so many forum questions now, and you helper folks seem to be wizards, I want to ask you every thing.

    The blog I need help with is pelicanjess.wordpress.com

    Thanks!

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

  • Unknown's avatar
    pelicanjess · Member ·

    I meant to say “keep the blog title on two lines” not “keep the blog on two lines”, sorry.

  • Unknown's avatar
    designsimply · Member ·

    I want to change my content width (text and pictures) from the default, which is pretty narrow, to around 760px, but keep it centered between the page turn arrows.

    To widen the main column width in the Spun theme by 60px, add this to your Appearance > Customize > CSS editor:

    .site {
	width: 1060px;
}

.single .content-area,
.page .content-area,
.search-no-results .content-area,
.error404 .content-area {
	width: 860px;
}

.single .hentry,
.error404 .hentry,
.page .hentry,
.search-no-results .no-results {
	width: 760px;
}

@media screen and ( max-width: 1200px ) {
	.site {
		width: 600px;
	}
	.single .content-area,
	.page .content-area,
	.search-no-results .content-area,
	.error404 .content-area {
		width: 100%;
	}
	.single .hentry,
	.error404 .hentry,
	.page .hentry,
	.search-no-results .no-results {
		width: 500px;
	}
}

@media screen and ( max-width: 800px ) {
	.site {
		width: 400px;
	}
	.single .hentry,
	.page .hentry,
	.error404 .hentry,
	.search-no-results .no-results,
	.single .content-area,
	.page .content-area,
	.search-no-results .content-area,
	.error404 .content-area {
		width: 100%;
	}
	.single .content-area {
		width: 100%;
	}
}
@media screen and ( max-width: 600px ) {
	.site {
		padding: 0;
		width: 300px;
	}
}

    If you want to adjust the width, add or subtract the same amount from each number in the example above.

    The @media rules at the bottom ensure that the theme will still look good on smaller screens such as iPads and smartphones.

    You should also adjust the content width value in the Appearance > Customize > CSS panel to the smallest number from the example (760px if you use the code from above as is).

  • Unknown's avatar
    designsimply · Member ·

    how do I change the color of the font for my posts with out loosing the translucent back ground that allows you to see the custom background picture?

    This will change the body text color to black:

    body {
	color: black;
}
  • Unknown's avatar
    designsimply · Member ·

    And where can I go to read instructions on how to put the gallery up in the main menu with the about and the home?

    It sounds like you created a gallery but didn’t do the last step to insert it into a post so it will show up. Try following this guide:
    http://en.support.wordpress.com/images/gallery/

  • Unknown's avatar
    pelicanjess · Member ·

    Thanks! Sorry I am late to say thanks, I was away. Thanks! Thanks!

  • The topic ‘How to widen and center posts on spun’ is closed to new replies.