Changing styles for sub-menus

- 5 years, 10 months ago ChristopherGFox
  Participant
  
  Hi,
  
  I am using the sub-menu functionality placed on the left-hand side of the pages (https://www.syncresis.com/2019/?page_id=42)
  
  I do not like the styling, however. I would want to change the font properties, background color, and transparency. I did not see a Codeless tool for this but I could make changes to the CSS. I just don’t see where to make those changes. Can you please advise?
  
  Thanks!
- 5 years, 10 months ago Ruco
  Keymaster
  
  Hello,
  
  Some of styling can be changed with Codeless Builder like font stylings, you can also add some custom css into Customizer > General > Custom Css box.
  
  Let us know.
  
  Regards!
- 5 years, 10 months ago ChristopherGFox
  Participant
  
  Thanks Ruco! I wasn’t able to achieve what I wanted through Codeless Builder. Can you let me know some sample CSS I can add to the Custom CSS box please? That way I can see the right object to style and apply the right fonts, etc. from there.
- 5 years, 10 months ago Mirela
  Participant
  Hello,
  
  Try adding this css:
  
  nav:not(.cl-dropdown-inline) .menu > li > ul.sub-menu { margin-left: 145px !important; top: 22% !important; } nav .menu > li > ul.sub-menu { background-color: #fafbfd73 !important; } nav .menu li > ul.sub-menu li:hover, #site-header-cart .cart_list li:hover, #site-header-search input[type="search"] { background-color: #fafbfd73 !important; } nav .menu li ul.sub-menu li a { font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 20px; text-transform: none; color: #4c4949 !important; }
  
  It will give this result: https://postimg.cc/8JXHwqQR
  
  Best regards!
- 5 years, 10 months ago ChristopherGFox
  Participant
  
  Yes, this is working very well. Thank you!!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login