Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Create New CSS for the left sidebox

    Hello
    Iam trying to create a new CSS for the Sideboxes I created on my site, www.coolcarpartsonline.com I need to remove the bulletin and edit the colors of the links and the size of the font just in the sidebox not through the whole site. I also want to try to use the categorie dressing idea to add hover over effect.

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

    Default Re: Create New CSS for the left sidebox

    Do you want different colors, fonts etc. for each category sidebox, or a single style for all of them? Now that you have done all the work to make separate sideboxes, the kind of layout you have currently could easily be done with Categories Dressing in the one original sidebox, using non-linked headings.

    Anyway, you can style your current sideboxes with
    Code:
    .performancesidebox  .sideBoxContent, .exteriorsidebox  .sideBoxContent, .audiosidebox  .sideBoxContent
    }

  3. #3
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Create New CSS for the left sidebox

    I know I tried to use the category dressing, But I will be making round corner side boxes on the site and it will look better if there were seperate, It didn't take me long to figure it out so its all good.

    What Iam trying to do is apply the same changes to all the added categorie sideboxes, which are Performance, Audio, Exterior, Interior and Lighting.

    Iam trying to get the same affect that I had when I was using Categories dressing such as hover around and link color. The most important thing is removing the Link bulletin in the sideboxes so it will look more proffessional. Can you please tell me how to do that????

  4. #4
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Create New CSS for the left sidebox

    Can anyone tell how I can get rid of the bulletins in the left sideboxes. I added the content as a link but I want it to display as if it was in a categories sidebox aligned to left.

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

    Default Re: Create New CSS for the left sidebox

    Code:
    .performancesidebox  ul, .exteriorsidebox ul, .audiosidebox ul, .interiorsidebox  ul, .lightingsidebox ul {
        list-style-type: none;
        }
    If you want individual boxes with rounded corners for the sideboxes, you are right, the approach you took will do it best.
    Each of those sideboxes will have a tpl_boxname.php, and some of the Cat Dressing code could be added to each of them. Depending on how they work, it might be possible to do nearly all of the hover effects with CSS, or you might need the PHP. If you post one of those files (in [php] and [/php] tags), I will take a look and see what approach will work best.

  6. #6
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Create New CSS for the left sidebox

    I was able to achive the round corner approach using "snazzy" method that i found in an older post.
    You can take a look at the site after the updates where applied. www.coolcarpartsonline.com

    I tried to post the code you listed in the firefox developer tool and nothing happens.

    If you got time you can pull out the site CSS in the Firefox and see what I did to get the effect of the round corner. Maybe you have a different approach.

    I think If I can get rid of the bulletin I will be close to imply the Cat. dressing to the side boxes.

  7. #7
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Create New CSS for the left sidebox

    Ok Glenn I tried to change the (.) to a (#) in firefox. I got the bulletin off. From what I understand from the stylesheet. The list in the sidebox is getting the rules of the main style sheet to display the links in the blue color.
    I am trying to create new rules for the 5 sideboxes I added I want to have the text aligned all the way to the left and has Black color text Just the same way as I would if I had a categorie sidebox.

    After that I will digg into the hover function. Sorry for the early reply ahead.

  8. #8
    Join Date
    Feb 2011
    Posts
    2
    Plugin Contributions
    0

    Default Re: Create New CSS for the left sidebox

    Quote Originally Posted by CoolCarPartsOnline View Post
    Hello
    Iam trying to create a new CSS for the Sideboxes I created on my site, www.coolcarpartsonline.com I need to remove the bulletin and edit the colors of the links and the size of the font just in the sidebox not through the whole site. I also want to try to use the categorie dressing idea to add hover over effect.
    HI, you site looks so good, nice job. i'm trying to create sidebox with menu, and under menu "manufacturers" just like you have but deferent color and design. please give me some idea how to make left side box just like yours. please, please. my site www.primesupplystore.com. i'm new in php and zen cart. trying to find my way around, you help will be so appreciated. thanks you so much. David

 

 

Similar Threads

  1. Move the sidebox left to right and right to left(shrink the site)
    By navido in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 30 Nov 2009, 08:51 PM
  2. create popup for new sidebox
    By digger99 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 May 2009, 10:32 PM
  3. Create a new left side box
    By myRainbow in forum General Questions
    Replies: 2
    Last Post: 1 Apr 2008, 05:51 AM
  4. How to move the sidebox side ways. from left to more left? realy need help...
    By brekke00 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 27 Aug 2007, 02:38 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