Results 1 to 10 of 10
  1. #1
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default CSS Flyout Header with Upscale Boutique

    Hello, not sure if I am posting this in the right place or not.

    I am tring to add the CSS Flyout Header with the Upscale Botique template and have hit a wall....as usual.

    Anyway - here is the site. http://www.facetsofgem.com/cart/index.php

    Once I installed the menu, the picture on top of it raised and the menu is overlapping the main part. I would like to:

    1 - Align the menu so there is no overlap there on the right end.
    2 - move the menu up so it is not hanging over the main part.
    3 - remove the picture (not the logo) at the top and move the header(the logoad what not) down on top of the menu.

    If anyone could help, I would appreciate it.

    Thanks

  2. #2
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: CSS Flyout Header with Upscale Boutique

    In stylesheet_header_menu.css change:

    Code:
    div#dropMenu {
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    	}
    to:

    Code:
    div#dropMenu {
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    top:-30px;
    	}
    to move the menu up.

  3. #3
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: CSS Flyout Header with Upscale Boutique

    3 - remove the picture (not the logo) at the top and move the header(the logoad what not) down on top of the menu.
    In stylesheet.css replace:

    Code:
    #logoWrapper {
    background-image: url(../images/back12.jpg);
    height: 50px;
    width: 948px;
    position: relative;
    margin: 0px;
    border:1px solid #8b775f;
    }
    with:

    Code:
    #logoWrapper {}

  4. #4
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    Thanks! Now time to change the footer

  5. #5
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    Ok - so far the only thing I need now is find out how to get rid of the white space between the search box in the header, and the horizontal menu.

    Any idea's? I did the following already.

    PHP Code:
    #logoWrapper {} 

  6. #6
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

    Default Re: CSS Flyout Header with Upscale Boutique

    In stylesheet.css change:

    Code:
    #contentMainWrapper {
    margin-top:-30px; 
    border-right:1px solid #8b775f; 
    border-left:1px solid #8b775f;
    }
    to:

    Code:
    #contentMainWrapper {
    margin-top:-60px; 
    border-right:1px solid #8b775f; 
    border-left:1px solid #8b775f;
    }

    and in stylesheet_header_menu.css change:

    Code:
    div#dropMenu {
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    top:-30px;
    	}

    to:

    Code:
    div#dropMenu {
    width:100%;
    margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    top:-60px;
    	}

  7. #7
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    Perfect!

    When I did that change it worked in everything but IE, but I was able to fix that.

    Thanks again!

  8. #8
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    It's me again.

    http://www.facetsofgem.com/cart/

    If you will notice on the site, above the menu is that white space. I know where to change the color to the background, but it also changes the main part and the footer. For now I want to only keep the main part white.

    How can I do that, plus get rid of the excess space at the top?

    Having a bit of a problem with getting the border to show up on the outside of the footer to line up the side - but, I'm working on that and trying to figure it out.

    Sheesh - just when I thought I had it under control.

  9. #9
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    Any idea's on the previous post? I'm stuck

    Any help would be appreciated.

    Thanks

  10. #10
    Join Date
    Oct 2010
    Posts
    53
    Plugin Contributions
    0

    Default Re: CSS Flyout Header with Upscale Boutique

    Never mind, I got it.

 

 

Similar Threads

  1. An Upscale Boutique Support Thread
    By picaflor-azul in forum Addon Templates
    Replies: 301
    Last Post: 15 Jun 2019, 05:36 PM
  2. layout changed after installed CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Feb 2014, 04:02 PM
  3. v151 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  4. v151 trying to install template version 2.2 upscale boutique in 1.5.1
    By RonGin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 4 Sep 2013, 12:53 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR