Community Forums › Forums › Archived Forums › Design Tips and Tricks › Couple of Metro Related Questions
Tagged: enews, header, Metro, sign up, widgetised
- This topic has 5 replies, 2 voices, and was last updated 12 years, 2 months ago by
Brad Dalton.
-
AuthorPosts
-
February 27, 2013 at 9:43 am #23104
bassjamm
MemberHi 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
February 27, 2013 at 1:52 pm #23151Brad Dalton
ParticipantHere'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://gregrickaby.com/2011/03/how-to-create-a-page-template-in-genesis.html
http://designsbynickthegeek.com/tutorials/creating-page-templates-in-genesis
February 27, 2013 at 2:28 pm #23160bassjamm
MemberThanks for that Brad...
Should I put that code in my functions.php file on my child theme?
February 27, 2013 at 2:47 pm #23165Brad Dalton
ParticipantThe 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.
February 27, 2013 at 3:23 pm #23180bassjamm
MemberThanks pal. I'll have a play about with that and see how I get on.
February 27, 2013 at 3:30 pm #23182Brad Dalton
ParticipantYou can also hide your sidebar on the homepage using this CSS code:
.home #content, .home #sidebar { display: none; }
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.