Page 1 of 3 123 LastLast
Results 1 to 10 of 21
  1. #1
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default placing information box in title header

    Crikey! CSS??? where are the tables? I need my rows and columns. lol

    So how do I move/place the information box into the title header? ... the one with the "powered by ZenCart logo" and the "tag line here".

    Moreover, I would like to put the information box on the left side (replacing the powered by... logo) and have picture in the space to the right side of it.

    Hope that makes sense.

    Thanks

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: placing information box in title header

    So how do I move/place the information box into the title header? ... the one with the "powered by ZenCart logo" and the "tag line here".

    Moreover, I would like to put the information box on the left side (replacing the powered by... logo) and have picture in the space to the right side of it.
    Are these 2 things the same item or different "information" boxes???
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default Re: placing information box in title header

    Sorry, it reads kinda funny... Yes, they are the same. :-)

    I would like to place the cart box below in the header on the left side (replacing the powered by ZC logo) and in the space to the right of the box, I would like to display a picture that is the same height as the box and extends the right the width of the page. :-)
    * sidenote: I would also like the info box to be black with white writing. :-)))
    Information

    Shipping & Returns
    Privacy Notice
    Conditions of Use
    Contact Us
    Site Map
    Gift Certificate FAQ
    Discount Coupons
    Newsletter Unsubsribe

    Thanks!

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: placing information box in title header

    Got me again!!!

    I would like to place the cart box below in the header on the left side (replacing the powered by ZC logo)
    and
    Information Box
    Are these the same thing or are you refering to the "Shopping Cart Box" that displays what is in the cart when shopping?
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default Re: placing information box in title header

    LOL.

    No, it is a box that is in the left column of the store.
    The heading is information and it has these links in it:
    Shipping & Returns
    Privacy Notice
    Conditions of Use
    Contact Us
    Site Map
    Gift Certificate FAQ
    Discount Coupons
    Newsletter Unsubsribe

    I would like to put that in the header. :-)

    But now that you mention it.... :-) I would also like a box to display the current items that are in the cart. You know the one that say you have X items in your cart and it gives a running total. :-)))

    But I would like to tackle moving/placing the info box in the header. :-)

    Thanks for your patience. I am a complete newbie at ZC and CSS. I am using the bare bones template.

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: placing information box in title header

    You are gonna need to take the contents of /includes/templates/template_default/sideboxes/tpl_information.php

    and place it in your template copy of /includes/templates/template_default/common/tpl_header.php

    Then insure that the css #headerWrapper is sized vertically to allow it to fit

    Might be easier to make it the first sidebox on the left and re-arrange the navone column in css to move up into the head space

    Never have done this nor wanted to...
    Zen-Venom Get Bitten

  7. #7
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default Re: placing information box in title header

    Might be easier to make it the first sidebox on the left and re-arrange the navone column in css to move up into the head space
    OK, I moved it to the top. Now... how do I "re-arrange" the navone column in ccc to "move up into the head space?"

    Thanks.

  8. #8
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default Re: placing information box in title header

    Is this what I have to edit? If so, how do I tell it to move the top box into the header?

    /*The main content classes*/

    #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

    vertical-align: top;

    }

    thanks.

  9. #9
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: placing information box in title header

    Make sure that you have nothing anchored in the header above this

    Find in your css
    Code:
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	}
    Separate it out and apply a negative margin-top and adjust the value(yeah I know this is dodgy)

    Code:
    #navColumnOneWrapper {
    	margin: auto;
            margin-top: -50px;
    	} 
    #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;
    	}
    Zen-Venom Get Bitten

  10. #10
    Join Date
    Feb 2007
    Posts
    819
    Plugin Contributions
    0

    Default Re: placing information box in title header

    Broke out the columns and made the following changes. But it had no effect... ?

    #navColumnOneWrapper {

    margin: auto;
    margin-top: -50px;

    }


    #navColumnTwoWrapper, #mainWrapper {

    margin: auto;

    }


    #navColumnOneWrapper {

    margin: 0 0.5em;

    }


    #navColumnTwoWrapper {

    margin: 0 0.5em;

    }

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. Information side box in header
    By daveky in forum Basic Configuration
    Replies: 7
    Last Post: 4 Nov 2010, 08:57 AM
  2. Placing Product Title Above Image?
    By jtjohnston in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 30 Jan 2008, 12:51 PM
  3. Changing Font Color in Information Box & More Information Box
    By scribbles in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Apr 2007, 02:54 PM
  4. Header Title Information not Appearing onLoad
    By Jesse_Tyler in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 Aug 2006, 06:19 PM
  5. Information box above header
    By revengel in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 9 Aug 2006, 02:30 PM

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