Category tree on the left modification question

[bimmerzone.com]

Hi Guys!
I just started to mess around with colossus, I am trying to figure out where I need to go in order to change the text size, font etc of the category tree.

Also, any one knows how to change the ADD TO CART button color?


Thank you :)

[Matt Zimmermann]

Hi Vincent,

For modifying the styles for the category tree, I would recommend adding those styles to your theme-styles.css file. As for the add to cart button, you can modify the utility classes used for the colors. If you haven't yet, take a look at the framework and ReadyTheme documentation.

• https://docs.miva.com/readytheme-shadows/index.html
• https://docs.miva.com/readytheme-colossus/index.html

[bimmerzone.com]

Matt
thanks for the information, i tried looking around but not see any specifics on exactly where to go and make the changes, can you point me in a more direct way to the location? thanks!

Hi Vincent,

For modifying the styles for the category tree, I would recommend adding those styles to your theme-styles.css file. As for the add to cart button, you can modify the utility classes used for the colors. If you haven't yet, take a look at the framework and ReadyTheme documentation.

• https://docs.miva.com/readytheme-shadows/index.html
• https://docs.miva.com/readytheme-colossus/index.html

[Matt Zimmermann]

Hi Vincent,

To change the button colors, modify the u-bg and u-color classes used in User Interface -> Settings -> Buttons -> Add To Basket:

<input class="c-button c-button--full c-button--huge c-control-group__button u-bg-primary u-color-black u-text-bold u-font-small u-text-uppercase" data-action="&mvte:urls:BASK:auto_sep;ajax=1" data-hook="add-to-cart" data-value="Add To Cart" type="submit" value="Add To Cart">

To add/edit/update styles for theme-styles.css, you can access it by going to User Interface -> CSS Resources -> theme-styles, selecting it, and clicking Edit Source.

[bimmerzone.com]

THanks again! I managed to find the line for the button, but still sorting through all the codes for the font size on the left side category tree. hopefully will find it soon.

Hi Vincent,

To change the button colors, modify the u-bg and u-color classes used in User Interface -> Settings -> Buttons -> Add To Basket:

<input class="c-button c-button--full c-button--huge c-control-group__button u-bg-primary u-color-black u-text-bold u-font-small u-text-uppercase" data-action="&mvte:urls:BASK:auto_sep;ajax=1" data-hook="add-to-cart" data-value="Add To Cart" type="submit" value="Add To Cart">

To add/edit/update styles for theme-styles.css, you can access it by going to User Interface -> CSS Resources -> theme-styles, selecting it, and clicking Edit Source.