WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] header widget area on every page (5 posts)

  1. RolandOfEld
    Member
    Posted 1 year ago #

    can someone help me get the front page header widget area on every page?

    i have all my pages set to the front page template but the header widget does not display

    also, how can i right aline the header widget area?

  2. ahortin
    Member
    Theme Author

    Posted 1 year ago #

    if you want the Front Page Banner Widgets to display on every page, then you'll need to edit the header.php file.

    Towards the bottom of the file (around line 77) you'll see where it checks if the "front page" is displaying.

    <?php if ( is_front_page() ) {

    Needs to change to...

    <?php

    The matching closing tag, around line 104 also needs to change to...

    ?>

    If you want right align the content in the widgets, then you'll simply need to add or update the relevant styles in style.css, depending on what you want to achieve.

  3. RolandOfEld
    Member
    Posted 1 year ago #

    i have tried to text-align the default wordpress search widget to the right of the banner widget area, but when i do so the logo image that sites above the grey banner also moves to the right.. any ideas?

  4. RolandOfEld
    Member
    Posted 1 year ago #

    also another question (sorry..) i have attempted to reduce the vertical height of the banner through out the entire site with the following code:

    /* reduce banner vertical height */
    .banner {
       color: #eaeaea;
       width: 90%;
       max-width: 1200px;
       margin: 0 auto;
       padding:20px 0px 20px 0px;
       min-height: 75px;

    but it only works on my home page (which is a static page)

    where have i gone wrong?

  5. RolandOfEld
    Member
    Posted 1 year ago #

    i finally figured it out :)
    here is the code incase anyone is interested:

    /* reduce banner vertical height & move search widget to right */
    .banner {
       padding:20px 0px 20px 0px;
       min-height: 75px;
    }
    .home .banner .widget {
       margin: 0;
       text-align: right;
    }
    .banner .widget {
       margin: 0;
       text-align: right;
    }

    i really need to get stuck into some css training :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.