Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Fashion Store

SJ accordion menu modification
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: SJ accordion menu modification

SJ accordion menu modification 10 years, 11 months ago #15031

Hi,
I need to modify the sj-accordion-menu which come to the left side of the site. I need to modify the css for the category link and the sub category ( font, color ). Also I noticed if the subcategory name is long then it is cut off and do not wrape to the second line.
Plesae let me know which CSS file should be modified and which codes.
Best regards,
Beldox
Reply Quote

Re: SJ accordion menu modification 10 years, 11 months ago #15116

Dear Elaheh Tabbakh Maher,

1. go to your_site/templates/sj_fashionstore2/css/template.css and:
- find:
.sj-accordion-menu > li > .sj-item-wrapper a {
    font-size: 145%;
}

=>

.sj-accordion-menu > li > .sj-item-wrapper a {
    font-size: your_px;
    color:your_color;
}


2. go to your_site/modules/mod_sj_accordionmenu/assets/css/style.css and:
- find:
.sj-accordion-menu li ul li .sj-item-wrapper {
     height: 30px;  
}

=>

.sj-accordion-menu li ul li .sj-item-wrapper {
    min-height: 30px;
    overflow: hidden;
}


- find:
div.sj-ul-wrapper > ul > li .sj-menu-link{
	max-width: 175px;
	white-space: nowrap;
	overflow: hidden;
}

=>

div.sj-ul-wrapper > ul > li .sj-menu-link{
	max-width: 175px;
	/*white-space: nowrap;*/
	overflow: hidden;
        font-size:your_px;
        color:your_color;
}


- find:
div.sj-ul-wrapper > ul > li{
	background: url(../images/menu_level2_bg.png) repeat-x;
	margin: 1px 0 0;
}
div.sj-ul-wrapper > ul > li.current.opened ,
div.sj-ul-wrapper > ul > li:hover
{
	background: url(../images/menu_level2_bg_active.png) repeat-x;
}

=>

div.sj-ul-wrapper > ul > li{
	background: url(../images/menu_level2_bg.png) repeat;
	margin: 1px 0 0;
}
div.sj-ul-wrapper > ul > li.current.opened ,
div.sj-ul-wrapper > ul > li:hover
{
	background: url(../images/menu_level2_bg_active.png) repeat;
}


Thanks!
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Joomla - Members Only
Joomla Templates
SJ Fashion Store
Powered by Kunena
Time to create page: 0.20 seconds
Xtore Opencat Theme

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes