Couple of Metro Related Questions

[bassjamm]

Hi all,

I'm trying to get my head round a few things with the Metro theme.

The theme has a widgetised area in the header where the search bar can be seen in the demo. I want to add an email signup box here. I'm using the enews extended plugin to try to achieve this but it's not styled at all.

How do I carry the styling over from the primary sidebar for the enews extended plugin into the header right area?
Ideally i'd like this widgetised area to be wider so it doesn't push my content down the page, but rather, it'd fill the header a bit more and allow me to add more text to the enews extended bit.

Secondly, I'd want a more homepage like front page, so no sidebars and all that jazz. Am I right in thinking I could build a page that uses the 'full width' option, and then go into the settings and make this my front page?

Hope that all makes sense.

For reference, my site is http://injuryfree.me

Thanks

Jamie

[Brad Dalton]

Here's some CSS code you can use to change the styling of the eNews widget in the header:

#header .enews-widget {
        color: white;
	background-color: #464646;
	padding: 28px 32px 32px;
	padding: 1.75rem 2rem 2rem;
}

#header .enews-widget input {
	width: 20%;
}

#header.enews-widget input[type="submit"] {
	width: 20%;
        display: block;
	margin: 0 auto;
	padding: 16px;
	padding: 1rem;
	width: 100%;
}

You can change the value for each property until you get the styling you want.

Yes you can create a custom page template and use it as your home page.

Or you can modify your existing home.php file and the classes in your child themes style,css file.

Another option is to modify a home.php or page template file from another theme and use that.

All these modifications will require a fair amount of coding knowledge.

Resources:

http://genesistutorials.com/creating-a-custom-template-in-genesis/
http://gregrickaby.com/2011/03/how-to-create-a-page-template-in-genesis.html
http://designsbynickthegeek.com/tutorials/creating-page-templates-in-genesis

---

Tutorials for StudioPress Themes & WooCommerce.

[bassjamm]

Thanks for that Brad...

Should I put that code in my functions.php file on my child theme?

[Brad Dalton]

The code i posted is CSS code and goes at the end of your child themes style.css file. You'll need to change the values to suit your own styling requirements.

The links to other articles using PHP code require you to add the code to your child themes functions.php file and any CSS goes in the style.css file.

Backup both files first.

You might want to instant WordPress locally with a copy of your theme and modify the code there.

---

Tutorials for StudioPress Themes & WooCommerce.

[bassjamm]

Thanks pal. I'll have a play about with that and see how I get on.

[Brad Dalton]

You can also hide your sidebar on the homepage using this CSS code:

.home #content,
.home #sidebar {
 display: none;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts