Styling cart icon fontsize and colour

  • Wanderer

    (@lovelings)


    10 years ago

    Hi,

    Hope someone can help me with changing my Cart icon and size of the font:
    https://tripodtest.lovelings.nl/

    I have a dynamic cart at the right top of my website, it comes with the theme.
    I would like the text smaller as well as the items-icon (zero until you add items to basket.. it turns red and I would like it to run another colour).

    Any ideas for a code I can use in the custom css section?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi again!

    Is this what you trying to achieve?:

    Screenshot

    If so, you can change the color and reduce the size of the number using this:

    .gbtr_little_shopping_bag .minicart_items i {
  background: none repeat scroll 0 0 #COLOR CODE HERE;
  font-size: 10px;
  height: 15px;
  line-height: 14px;
  margin-right: 5px;
  text-align: center;
  width: 15px;
}

    Just enter your own color where it says ‘COLOR CODE HERE’.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter Wanderer

    (@lovelings)

    Hi Luke,

    You’re the best ??

    Although I would like to alter this entire element (lose the box-line, smaller cart icon, grey icon and remove ‘Item’).

    I don’t know how to post an example image in this message, but I places a photo here (under the banner):
    https://tripodtest.lovelings.nl/tripodtest.lovelings.nl/our-story/

    Do you think I have to hire someone to accomplish this? The Multilingual I haven’t installed yet so that’s just for future design.

    Best wishes,
    KElly

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling cart icon fontsize and colour’ is closed to new replies.