Results 1 to 7 of 7
  1. #1
    Join Date
    Dec 2008
    Posts
    4
    Plugin Contributions
    0

    Default How to insert space in between two language icon on my header?

    Hi,

    My two language icon seem to stick together, i want it to have space in between so that it will look nicer.

    Does anyone know how to do that? Thanks!

    eann

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: How to insert space in between two language icon on my header?

    A link to your site so we can see how your particular icons are configured?

  3. #3
    Join Date
    Dec 2008
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to insert space in between two language icon on my header?

    www.zencart.vinsonhan.name

    thanks..

    P/s: this is just a testing site.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: How to insert space in between two language icon on my header?

    Good thing we got a link to look at, because the standard answer would have been useless for your Template Monster template.

    Add to stylesheet_tm.css

    .navigation .nav_1 a {padding:0 0 0 12px;}

  5. #5
    Join Date
    Dec 2008
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to insert space in between two language icon on my header?

    Hi Glenn,

    Thanks for your help and swift reply.

    I've added to my stylesheet_tm.css as below:

    .main {width:766px; margin:auto;}


    .navigation {background:#2C2C2C; border-bottom:2px solid #000000;}
    .navigation .left {float:left; padding:30px;}
    .navigation .right {float:right; padding-right:30px;}
    .navigation .links {text-align:right; padding:26px 0px 12px 0px; color:#6D6D6D;}
    .navigation .links a {color:#6D6D6D;}

    .navigation .nav_1 {float:left; padding:4px 15px 3px 0px;}
    .navigation .nav_2, .navigation .nav_3 {float:left; padding:1px 15px; border-left:1px solid #4D4D4D;}

    .navigation .nav_1 a {padding:0 0 0 12px;}

    .navigation .input_search {width:110px; padding:3px;}

    Is this correct?

    I've FTP it but the icon still stick together...

    Where did i done wrong?

    Thanks!

    Eann

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: How to insert space in between two language icon on my header?

    The change never got to your site - it is not in either stylesheet_tm(old).css or stylesheet_tm.css.

    Which brings up the fact that you can't save a backup copy of the stylesheet that way; any file named style*.css will automatically be loaded in alphabetical order. If you want to keep the old copy, save it somewhere else or name it stylesheet_tm.bak.

  7. #7
    Join Date
    Dec 2008
    Posts
    4
    Plugin Contributions
    0

    Default Re: How to insert space in between two language icon on my header?

    Hi,

    Thanks so much!

    It works after I deleted my stylesheet_tm(old).css file.


    Cheers!

 

 

Similar Threads

  1. How to remove space between header & main text?
    By Arkwright in forum Templates, Stylesheets, Page Layout
    Replies: 13
    Last Post: 12 Mar 2010, 07:31 PM
  2. Space between banner and header...how do I remove it?
    By RMelick in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Nov 2009, 07:34 PM
  3. How do I insert Text in the Header Between these boxes:
    By limelites in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 Mar 2009, 05:47 PM
  4. Space between two products on product listing page
    By raunharman in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Jan 2009, 01:07 PM
  5. Putting a space or two between product display
    By donnad in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 14 Dec 2006, 12:58 AM

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