Log in  \/ 
x
or
x
x
Register  \/ 
x
or


search
Welcome, Guest
Username: Password: Remember me

TOPIC: Edit colors, fonts and borders

Edit colors, fonts and borders 23 Jan 2018 07:43 #8064

  • TorstenL
  • TorstenL's Avatar
  • OFFLINE
  • User
  • Posts: 3
  • Karma: 0
Hi Dan,

thanks again for your help, all is working now :)

Best regards
Torsten
The administrator has disabled public write access.

Edit colors, fonts and borders 22 Jan 2018 13:07 #8062

  • dig814
  • dig814's Avatar
  • OFFLINE
  • Secret Agent
  • Posts: 534
  • Thank you received: 140
  • Karma: 96
Hi Torsten,

Yes, you will not find that CSS in the style sheet because it is added dynamically. What you need to do, is to just include the CSS in your templates CSS file or your own custom.css file to override the default settings.

So just add this to one of those style sheets.

#flyout_menu_167 .ul-wrapper, #flyout_menu_167 ul { background: #4a2615!important;}

Of course change it to the color you desire. Also use the important attribute to make sure your styles are first.

Thanks
Dan
The administrator has disabled public write access.
The following user(s) said Thank You: TorstenL

Edit colors, fonts and borders 22 Jan 2018 06:30 #8060

  • TorstenL
  • TorstenL's Avatar
  • OFFLINE
  • User
  • Posts: 3
  • Karma: 0
Hi Dan,

many thanks for your reply, I´ve managed to remove the borders and also set the font.

But I cant find that line in the flyout.css-file: #flyout_menu_220 .ul-wrapper, #flyout_menu_220 ul { background: #4a2615;}
Here´s a link to the test site:
Part of the message is hidden for the guests. Please log in or register to see it.
But I found it in the CSS of firefox inspector:


Many thanks in advance
Torsten
Last Edit: 22 Jan 2018 06:50 by TorstenL. Reason: Found the correct setting for margin
The administrator has disabled public write access.

Edit colors, fonts and borders 19 Jan 2018 13:05 #8058

  • dig814
  • dig814's Avatar
  • OFFLINE
  • Secret Agent
  • Posts: 534
  • Thank you received: 140
  • Karma: 96
Hi,

You can change the colors of the menu in the module admin. If you want submenu to be different than main, you need to add code to your custom.css file
I can't tell you specifically because you added no link to your site. Each menu has a unique id created dynamically. The code you need to change will look like this, but the id number will be different:

#flyout_menu_220 .ul-wrapper, #flyout_menu_220 ul { background: #4a2615;}


As for the borders, please edit: modules/mod_cinch_menu/tmpl/css/flyout.css
line 28

ul.flyout-menu li {
position: relative;
border-bottom: 1px solid #1A1A1A;
vertical-align: middle;
}
Font needs to be changed on flyout.css. Line 103.

Menu item colors can be edited in the admin of the module.
Thanks
Dan
The administrator has disabled public write access.

Edit colors, fonts and borders 19 Jan 2018 06:07 #8057

  • TorstenL
  • TorstenL's Avatar
  • OFFLINE
  • User
  • Posts: 3
  • Karma: 0
Hi there,

I´ve downloaded and installed the Cinch menu and the menu itself is working fine.
Could you please tell me how to remove the border of the submenu and also change the font type and the color?
Had a look at the /modules/mod_cinch_menu/tmpl/css/flyout.css but can´t figure out which line to change.



And is there a way to change the background color of the dropdown menu?

Many thanks in advance
Torsten
The administrator has disabled public write access.
Moderators: dig814

Explore

Your cart is empty.