Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Changing Specific Menu Color With Custom Css Rate Topic   - - - - -

 
  • cscartfan
  • Advanced Member
  • Members
  • Join Date: 26-Jul 16
  • 101 posts

Posted 20 December 2016 - 04:40 AM #1

cs.cart compatriots;

 

I'm trying to change a specific menu background color - which is in the body of page, and I want to keep the top menu background color as is. 

 

I know enough to figure custom css is needed, but thats about it :-o

 

Clueless to what custom css to enter, or where to enter it to achieve the effect of changing a specific menu. 

 

The menu is the mega menu pro (add-on) template. 

 

If anyone could point me in the right direction, or help otherwise, would be much appreciated. 

 

Thanks in advance!

 

P.S. MVE 4.3.9



 
  • cscartrocks
  • Member
  • Members
  • Join Date: 24-Jan 11
  • 1763 posts

Posted 20 December 2016 - 04:45 AM #2

You can add a unique css class to the second menu block and use that to add custom menu background.


One Step Checkout Addon - The ultimate checkout experience
Best CS-Cart SEO addon - CS-Cart SEO Ultimate Addon
PM for quality custom work/project


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19782 posts

Posted 20 December 2016 - 06:42 AM #3

Add new class to this block and provide us with the URL of the website. We will provide you with the correct CSS code


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • cscartfan
  • Advanced Member
  • Members
  • Join Date: 26-Jul 16
  • 101 posts

Posted 21 December 2016 - 01:19 AM #4

You can add a unique css class to the second menu block and use that to add custom menu background.

 

Add new class to this block and provide us with the URL of the website. We will provide you with the correct CSS code

 

Thanks guys!

 

I've added a CS-Class named: " Blog-Main-Menu " to the target menu (circled in red).  The url is https://nootropicplace.com/blog/F4NCqNv.png?1

 

Thanks so much <3 !



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19782 posts

Posted 21 December 2016 - 08:00 AM #5

Please add the following code to the CSS section of the Theme editor:

.Blog-Main-Menu #supermenu, 
    background-image: none;
    background-color: red;
}
.Blog-Main-Menu #supermenu ul li.tlli a.tll:hover, .Blog-Main-Menu #supermenu ul li.tlli a.tll.active {
    background-color: yellow;
}

http://prntscr.com/dm2dxi


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • cscartfan
  • Advanced Member
  • Members
  • Join Date: 26-Jul 16
  • 101 posts

Posted 21 December 2016 - 05:48 PM #6

Please add the following code to the CSS section of the Theme editor:

.Blog-Main-Menu #supermenu, 
    background-image: none;
    background-color: red;
}
.Blog-Main-Menu #supermenu ul li.tlli a.tll:hover, .Blog-Main-Menu #supermenu ul li.tlli a.tll.active {
    background-color: yellow;
}

http://prntscr.com/dm2dxi

 

I put the code in theme editor ( http://imgur.com/idxSy4v ) and i'm getting a "LESS parse" error ( http://imgur.com/dM5VNR6 )

 

Any ideas?



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19782 posts

Posted 22 December 2016 - 06:56 AM #7

Any ideas?


The correct code is
 

.Blog-Main-Menu #supermenu { 
    background-image: none;
    background-color: red;
}
.Blog-Main-Menu #supermenu ul li.tlli a.tll:hover, .Blog-Main-Menu #supermenu ul li.tlli a.tll.active {
    background-color: yellow;
}

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • cscartfan
  • Advanced Member
  • Members
  • Join Date: 26-Jul 16
  • 101 posts

Posted 22 December 2016 - 06:23 PM #8

 

The correct code is
 

.Blog-Main-Menu #supermenu { 
    background-image: none;
    background-color: red;
}
.Blog-Main-Menu #supermenu ul li.tlli a.tll:hover, .Blog-Main-Menu #supermenu ul li.tlli a.tll.active {
    background-color: yellow;
}

 

Thank you! :)



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19782 posts

Posted 23 December 2016 - 07:38 AM #9

You are welcome! :)


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • yorgos
  • Junior Member
  • Members
  • Join Date: 26-Oct 10
  • 5 posts

Posted 21 August 2019 - 07:49 AM #10

Hi guys i have similar problem. I need to change only one part of main menu colour. For example "SUPER SALES" to Green Colour Background.

 

Thanks in advance



 
  • yorgos
  • Junior Member
  • Members
  • Join Date: 26-Oct 10
  • 5 posts

Posted 21 August 2019 - 08:00 AM #11

Here is the attached file

Attached Thumbnails

  • Screenshot at Aug 21 10-47-03 AM.png


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19782 posts

Posted 21 August 2019 - 01:39 PM #12

Use solution with User-defined CSS class. Example can be found on the demo (see Sales point)

 

https://demo.cs-cart.com


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.