Results 1 to 5 of 5
  1. #1
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default side box text resizing

    Hi all,

    Is there any way i can change the spacing of the text in the side boxes?
    Also can i have a different color and point size text for the sub categories?

    i would like it to look something like this

    http://www.niod.co.uk/new-test-ergo.htm

    at the moment this is what i have

    http://www.niod.co.uk/catalog/index....=index&cPath=1

    Thanks in advance for any advice you can give me.

  2. #2
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default Re: side box text resizing

    As no responses I'll try to be a little more clear and tell you what i have tried all ready.

    Putting <br>"top category name" </br> in admin categories gives the correct effect for the spacing IE but has no effect in firefox, im sure that's not the correct way to do it but I'm struggling.

    I have also played about with the css adding

    .category-top{
    font-size: 1em;
    color: #666666;}
    just to see if it made any changes to the text allowing me to then try to add some padding to space them out a little. No joy!

    All im trying to do is have different colour, font size and spacing for the .category-top and the category-products.

    can this be done in with css of am i barking up the wrong tree??

    Thanks again for any help in advance

    Im sure it's a simple fix but it's beyond me.

  3. #3
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default Re: side box text resizing

    Just in case anyone else has the same problem!

    solved it

    first i edited this in the css

    a:link, #navEZPagesTOC ul li a {
    color: #000000;
    text-decoration: none;
    }

    a:visited {
    color: #666666;
    text-decoration: none;
    }

    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #aa0000;
    }

    a:active {
    color: #666666;
    }

    to

    .category-top{
    font-size: 1.2em;
    line-height:2em;
    text-decoration: none;
    color: #000000;}

    .category-products{
    font-size: 1em;
    text-decoration: none;
    color: #3194b6;}

    a img {border: none; }


    a:visited {

    }

    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    }

    a:active {

    }

    and all is sorted.

    hope this is of help to someone

  4. #4
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: side box text resizing

    I've found over many years that if I just talk to myself long enough, I can often solve the problem.

    Good goin'. And a very clean looking site. I like it.

    Rob

    P.S.

    I'd put back a little bit of colour change in the a:active definition. I find it a little odd when I hover over links and nothing happens. It looks to me as if the link isn't working. It doesn't have to be a dramatic change -- just a slightly different colour would do.
    Last edited by rstevenson; 19 Oct 2008 at 01:30 PM.

  5. #5
    Join Date
    Jul 2006
    Posts
    134
    Plugin Contributions
    0

    Default Re: side box text resizing

    Thanks for that rob,

    great minds think alike, the roll colour change has been done

    Andy

 

 

Similar Threads

  1. Search text input box width (in side box)
    By joshuaholland in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Apr 2010, 01:11 PM
  2. Text in Information side box
    By lchurch in forum Basic Configuration
    Replies: 1
    Last Post: 14 Jan 2010, 11:45 PM
  3. Side box text move??
    By vik007 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 9 Mar 2008, 03:36 AM
  4. Manufacturer's Side box dropdown text
    By red8ii8 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 3 Jul 2007, 05:57 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