logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
ray22901031  
#1 Posted : Sunday, September 20, 2020 3:28:33 AM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
The Subcategory menu Widget does not have a "Add CSS Classes" property, so in order to change the border I have to use the following CSS Code:

.components-content { border: 1px solid #e05c20; }

There doesn't seem to be a higher structure above ".components-content" for this component, so whenever I alter ".components-content ", I alter a ton of other components. All the other components seem to have higher CSS containers so I'm able to do the following:

.product-body .components-content { border: none; !important; }
.ProductFinderBox .components-content { border: none; !important; }

The advanced search Widget with it's CSS Classes except below:

.Widget-AdvancedSearchSettings .components-content { border: none; !important; }

Can we please add a a "Add CSS Classes" property to the Subcategory menu Widget, what's the use of having an edit button if there's nothing to edit.

Thanks
-Ray

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

shari  
#2 Posted : Monday, September 21, 2020 2:39:41 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 704

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
Hi,

Thank you for providing the feedback. I am adding this as an improvement.

For now, if you want to add a class on parent container you can edit the widget's view file.
- Open the file \Website\Views\Category\_SubCategoryMenu.cshtml
- Search for
Code:
<div class="components-content">

- Replace with
Code:
<div class="subcategory-menu components-content">

- Add styles as
Code:
.subcategory-menu { border: 1px solid #e05c20; }

Regards
ray22901031  
#3 Posted : Monday, September 21, 2020 2:44:06 AM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
Many Thanks Shari
Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.