Tags color

  • Posts: 140
  • Thank you received: 18
6 years 6 months ago #279068

-- HikaShop version -- : 3.2

Can someone please tell me what class I need to modify and in which file to change the blue TAGS color?



I would like to change them to another color that matches my brand but I haven't been able to figure out where this is configured. it looks like it's in the Less files that compile to create the Bootstrap, but I can't tell if it's in the Legacy or not and I am not sure how to tell Bootstrap is turned on.

Thanks


(HikaShop Business 3.2.0 [1709061916])
Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
6 years 6 months ago #279071

Hello,

Firstly, following that documentation will probably help you :
www.hikashop.com/support/documentation/1...the-display.html#css

You'll have to use the "label-info" CSS class to properly modify it :

.label-info {
    background-color: #5bc0de;
}

Please Log in or Create an account to join the conversation.

  • Posts: 140
  • Thank you received: 18
6 years 6 months ago #279280

Hi Mohamed,

Thank you for letting me know which class to use. I have been following this document and thus far have made all my changes with the help of this doc, however using the Developer Extension in Google, I was able to find that this infact was under "label-info" however, when I added this change into the custom CSS it did not clear the orig color and change it to my colors, and I am not sure why yet, so thank you for verifying that this was the correct class but I think that the original blue color is not getting cleared for some reason when I add the custom edit, but I will continue to work on it and see if I can figure out why.
Cheers!


(HikaShop Business 3.2.0 [1709061916])

Please Log in or Create an account to join the conversation.

  • Posts: 140
  • Thank you received: 18
6 years 6 months ago #279281

Ok, well, I can't figure it out. I can not get this to work. I see that this is definitely the right class to change, but I cant figure out why adding this to the custom css is not making the change. It won't get rid of the original color. If you guys can please help me out I would appreciate it. I think it needs to be added somewhere else but I don't know where. This is where I am lost. Any additional ideas? Unfortunately the document is not of any help here.

Thanks


(HikaShop Business 3.2.0 [1709061916])
Last edit: 6 years 6 months ago by Dardwizzle.

Please Log in or Create an account to join the conversation.

  • Posts: 140
  • Thank you received: 18
6 years 6 months ago #279290

Here is what I see when I use the inspect / Dev view

.label-info {
background-color: #5bc0de;
}

and I put the same with my color in place in the custom CSS, but it's not overridding the color. :(


(HikaShop Business 3.2.0 [1709061916])
Last edit: 6 years 6 months ago by Dardwizzle.

Please Log in or Create an account to join the conversation.

  • Posts: 81361
  • Thank you received: 13037
  • MODERATOR
6 years 6 months ago #279306

Hi,

It's probably because your template CSS is after yours and thus it overrides it.
Use the CSS !important to override the CSS of the template in your CSS.
appendto.com/2016/04/css-important-rule-...to-use-it-correctly/

Please Log in or Create an account to join the conversation.

  • Posts: 140
  • Thank you received: 18
6 years 6 months ago #279351

Perfect, That took care of it! Thanks Nicholas! I have been wondering what exactly !important did!

Cheers Bro!


(HikaShop Business 3.2.0 [1709061916])

Please Log in or Create an account to join the conversation.

Time to create page: 0.085 seconds
Powered by Kunena Forum