WordPress.org

Ready to get started?Download WordPress

Forums

WP e-Commerce Change Font Size/Color of Categories (10 posts)

  1. wally185
    Member
    Posted 1 year ago #

    I have installed the WP - eCommerce plugin for my site and I have the "Product Category" widget placed in my 'Main Sidebar" which happens to be my left side navigation.

    I would like to change the font color(too light), and spacing between these category headings and sub categories that populate on my left nav. There is too much vertical spacing between the categories and subcategories.

    How can I do this?

    Thanks.

    http://www.WeAreEcospaces.com

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try adding this to your custom CSS:

    .widget ul.wpsc_categories li a {
        color: black;
    }
    
    .widget ul.wpsc_categories {
        margin: .5em 0;
    }

    Change the black to something else if you prefer and adjust the .5 as you like as well.

  3. wally185
    Member
    Posted 1 year ago #

    Thank you for your help, you solved my issues perfectly. Do you know if there is a way for me to change the font size/color to differ between the categories and sub categories?

    (i.e. Change the font size between the main category 'seating' and the sub categories 'breakroom', 'ergonomic', and 'guest' per my website. http://www.WeAreEcospaces.com

    Thanks!

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try this for the top-level categories:

    .widget ul.wpsc_top_level_categories li a {
       styles here;
    }

    For the sub-categories try:

    .widget ul.wpsc_second_level_categories li a {
       styles here;
    }
  5. wally185
    Member
    Posted 1 year ago #

    I haven't been able to get it to work.

    I tried:

    .widget ul.wpsc_top_level_categories li a {
    font size: 14px;
    }

    .widget ul.wpsc_second_level_categories li a {
    font size: 11px;
    }

    Any thoughts?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try font-size - note the hyphen.

  7. wally185
    Member
    Posted 1 year ago #

    That worked, thank you! You have been extremely helpful.

    I'm not sure if I should start a new thread but I am also having issues changing the font size of my drop down menus. The font size is way too large as you can see under 'How to buy furniture' in my top navigation.

    Do you know how I can change this font size? or should I start a new thread on the forums for this issue?

    THANKS!!

  8. Annesophie
    Member
    Posted 10 months ago #

    Hi,
    Do you know if I can change the color in the Pagination Settings ?
    Thanks !!

  9. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    @Annesophie - for help with the plugin, start your own thread in the plugin's forum:

    http://wordpress.org/support/plugin/wp-e-commerce

  10. Annesophie
    Member
    Posted 10 months ago #

    Thanks for your answer
    I did, I hope I will have answers.

Topic Closed

This topic has been closed to new replies.

About this Topic