Couple of Metro Related Questions

Community Forums Forums Design Tips and Tricks Couple of Metro Related Questions

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  braddalton 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #23104

    bassjamm
    Participant
    Post count: 15

    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

    #23151

    braddalton
    Participant
    Post count: 9916

    Here’s some CSS code you can use to change the styling of the eNews widget in the header:
    [css]
    #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%;
    }
    [/css]

    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


    #23160

    bassjamm
    Participant
    Post count: 15

    Thanks for that Brad…

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

    #23165

    braddalton
    Participant
    Post count: 9916

    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.


    #23180

    bassjamm
    Participant
    Post count: 15

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

    #23182

    braddalton
    Participant
    Post count: 9916

    You can also hide your sidebar on the homepage using this CSS code:
    [css]
    .home #content,
    .home #sidebar {
    display: none;
    }
    [/css]


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.