7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

word press blog theme not cooperating...

by LastingLifeSuccess
5 replies
Hi Warriors,

I'm wondering why the theme is doing this... If you look at my site:

A to Z Tree Service Tree Service Oregon - Grants Pass, Medford, Ashland, Rogue River Valley

You'll see that the top navigation button bar is messed up in that the last button I added got pushed to a second row and it also pushed my side bar down the page.

I can't figure out why this happened... anyone have any ideas?

Thanks!
Rebecca
#blog #cooperating #press #theme #word
  • Profile picture of the author nvs74191
    I notice that "us in action" is not listed in the list of pages, when I view your page source.
    Signature

    Swaminathan

    I am a Jack Duncan Fan!

    {{ DiscussionBoard.errors[876333].message }}
    • Profile picture of the author Michael Taylor
      Originally Posted by nvs74191 View Post

      I notice that "us in action" is not listed in the list of pages, when I view your page source.
      The URL slug and the link text are different. The URL slug is "a-to-z-tree-service-in-action".
      {{ DiscussionBoard.errors[877267].message }}
      • Profile picture of the author zulfnore
        Hi Rebecca,

        I think I might have a solution for you but you gona need to do a couple of coding.
        1) In the Stylesheet (CSS) look for the code:
        .header .right {
        overflow: auto;
        width: 212px;
        padding-top: 47px;
        text-align: center;
        color: 222;
        }
        and add this line - height: 103px; to it just bellow the overflow: auto; line.
        Now the code should look like this:
        .header .right {
        overflow: auto;
        height: 103px;
        width: 212px;
        padding-top: 47px;
        text-align: center;
        color: 222;
        }
        The above code is linked to a div in the header.php where I believe you now have the banner with the guys and telephone number - this should now align with the left banner. It was the div that was pushing your menu down 1 line and therefore displacing your sidebar. (You may have to readjust this banner and resize it to match the above px - so it doesn't leave you with a scroll bar).

        I've also noticed that you are having to input your pages manually via the header.php - code (not your own code as I did not think it would be right to publiclly display your source code):
        <div class="container">

        <div class="navigation">
        <a href="<?php bloginfo('url'); ?>">Home</a>
        <a href="">About</a>
        <a href="">Photo</a>
        <a href="">Blog</a>
        <a href="">Contact</a>
        <div class="clearer"><span></span></div>
        </div>
        To have wordpress automatically input your pages use this code:
        <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&titl e_li=&echo=0');
        print_r($pages);
        ?>
        in place of:
        <a href="">About</a>
        <a href="">Photo</a>
        <a href="">Blog</a>
        <a href="">Contact</a>

        Your new code should now look like this:
        <div class="container">

        <div class="navigation">
        <a href="<?php bloginfo('url'); ?>">Home</a>
        <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&titl e_li=&echo=0');
        print_r($pages);
        ?>
        <div class="clearer"><span></span></div>
        </div>

        Here is how it looks after the above adjustments >>wordpressreloaded dot com /wpbeta/ (sorry can't post links yet) - If you need more assistance do throw us a PM, will be glad to help

        Hope this helps, good luck.
        Zulfikar.
        Signature
        {{ DiscussionBoard.errors[877466].message }}
  • Profile picture of the author Will_Surren
    This is a long shot as I can not see your css code. I would say that the width of the div class="navigation" needs to be set wider if you go in to your editor look for the stylesheet.css you should see something that looks like
    /* Begin Structure */

    look for
    #navigation{
    background-color: #ECEFFA;
    margin: 0 0 0 1px;
    padding: 2;
    height: 265px;
    width: 777px;
    }

    look for width and make sure that the width of the navigation is
    the same as the header

    I am not looking at your code so I can not promise this is your problem but it is very possible.

    Before you make any changes to your css file, make sure you copy the original and save it. If you mess up your stylesheet you want to have a back up

    The reason I say this may be the problem is if your navigation is set to a width smaller than needed the navigation menu will sometimes wrap causing your button to the next line.

    Good luck

    Will
    {{ DiscussionBoard.errors[876585].message }}
  • Profile picture of the author Michael Taylor
    I added "clear: right;" to .navigation and to .sidenav and it brought everything into alignment.

    But doing that caused a few other problems. The change to .navigation caused a gap to appear right under the header graphics. The change to .sidenav in IE 6 (it's all I have access to at the moment as far as IE goes...) caused the .main/.container divs to expand. Firefox was fine with the change to .sidenav.

    Beyond that, looks like it's going to take some major tweakage or a rewrite, just to clean up the css design.

    Happy hunting.
    {{ DiscussionBoard.errors[877262].message }}

Trending Topics