How to change widget theme?

Sid_Takali
Kilo Patron
Kilo Patron

Hi team I have a requirement where I need to change "icon link" widget theme? This is the widget theme I need to change 

SiddharamTakali_0-1700486933263.png

I want above widget theme like below screenshot. Like the menu should have plus icon and catalog item URL should be in Blue color. How do I change it?

SiddharamTakali_1-1700487120215.png 

 

Thanks

1 REPLY 1

Shane J
Tera Guru

In the out of the box widget, as long as the Category has Categories underneath it as children, the + (plus) sign shows next to it, so I don't think you need to necessarily change anything in that regard.

 

Do all of this in a non-prod instance, preferably in an Update Set:

  1. While holding Left CTRL, right-click the widget and click 'Widget in editor'.
  2. The 'SC Categories' widget is read-only so you would need to create your own Copy of it and modify it.  Click the 'hamburger' button on the far upper right and pick 'Clone "SC Categories".
  3. Give it a name and submit it.
  4. You'll then have to open your new Widget from the Widget menu on the upper left (why it doesn't open the new one by default, I have no idea).
  5. I think you want to modify the CSS-SCSS section:

.text-active {
color: $link-color;
border-left: 3px solid $primary;
font-weight: bold;
}

 

probably want to add an entry for background-color .

Guessing you'll need to play around with it to get what you're after.

 

And maybe this isn't the most efficient way to do it, but I've always added the widget to the screen the original was on, in order to reload it and look at it after I make changes.