Can I change body background color on Hero theme?

  • Unknown's avatar
    meganaronson · Member ·

    I’m thinking of building a new website using the Hero theme. I like everything about it but haven’t purchased the Custom Design yet. I’m wondering if I do, can I change the black background in the body. I know I can customize the background outside the body, but is there a way to change the back background both on a static homepage and on post pages to white or another color? If so, how? I don’t want to pay the extra $30 and find out I can’t change that because if I can’t, I don’t want this theme.

  • miguelcsf · Staff ·

    Hi there,

    Yes, Custom Design allows you to make all those changes and more! If you’re interested in upgrading, let me know and I’ll walk you through changing your theme’s color via Custom CSS.

    Oh, and if you’re not fully satisfied, we have a 30-day refund policy on upgrades such as Custom Design, as explained in our support page:
    http://en.support.wordpress.com/upgrades/#refunds

    Hope this helps!

  • Unknown's avatar
    designsimply · Member ·

    I like everything about it but haven’t purchased the Custom Design yet.

    Anyone can try the upgrade before purchasing. To do it, go to Appearance → Themes → Customize → Custom Design panel and click the “Try Now” button.

    I’m wondering if I do, can I change the black background in the body. I know I can customize the background outside the body, but is there a way to change the back background both on a static homepage and on post pages to white or another color? If so, how?

    Yes, you can change that. Here is a starting point in the form of a set of rules that you can try adding to the Appearance → Themes → Customize → CSS panel after you’ve clicked the “Try Now” butto to turn on the Custom Design preview mode:

    #page,
.featured-posts .featured {
	background: #fff;
}

body,
button,
input,
select,
textarea,
.site-title a,
.main-navigation a {
	color: #333;
}

.home-promo h2 a {
	color: #000;
}

body, #wpbody, .form-table .pre, .ui-autocomplete li a {
	color: #888;
}

a:hover,
a:focus,
a:active {
	color: #f00;
}

#s,
#searchsubmit {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #222;
}

    Note that this example is based on the Hero theme demo site at http://herodemo.wordpress.com/ and one example page http://herodemo.wordpress.com/2011/07/07/callout-1/ so if you apply it to your own blog, some areas may still need to be adjusted if they weren’t represented.

  • The topic ‘Can I change body background color on Hero theme?’ is closed to new replies.