how can this be done, to bad it is not a simple feature in admin panel....thanks for help
changing colors/size in menu type?
7 posts from 2 voices- Started 1 year ago by armenko
- Latest reply from Chris Beard
- This topic is not a support question
-
spent hours searching all of "support" and it looks like many folks are struggling with changing menu colors and font size of menu easily, in recent themes...Flashlight is great theme, menus font color issue making me feel real stupid, because I coulda had this site done today, tried to adjust color here but it never worked, I am a real coding beginner: Thanks for any advice
main_menu .menu li a strong {
display:block;
font-size:14px;
font-weight:normal;
cursor: pointer;
text-transform: uppercase;
}Posted 1 year ago # -
Hey,
in your css folder find dark-skin.css
Here you can look for
.main_menu .menu a { border-bottom: 1px solid #343434; color: #333333; } .main_menu .menu li a span { color: #999999; } #top .main_menu .menu ul li a { border-bottom: 1px solid #343434; color: #888888; } #top .main_menu .menu ul li a:hover { color: #555555; }You can change the hex color codes in there to adjust the colors. I believe you're mainly searching for the first one ( color: #333333; ), if you'd like to make it pink you'd make it : color: #ff0099; and so on.
The size can be adjusted by adding the following right below the color property.
font-size: 20px;So it would become:
.main_menu .menu a { border-bottom: 1px solid #343434; color: #ff0099; font-size:20px; }Posted 1 year ago # -
In the theme folder you've uploaded (flashlight) there is another folder called "css", in there you'll find dark-skin.css.
In that dark-skin.css file you should look for the first bit of code I pasted. You can then replace
.main_menu .menu a { border-bottom: 1px solid #343434; color: #333333; }<code>by</code>.main_menu .menu a { border-bottom: 1px solid #343434; color: #ff0099; font-size:20px; }This would give you a pink menu item with a font-size of 20px. The pieces of code after that part (which I also pasted above) also contain color values of other menu-related colors which you can also edit using the hex color codes I linked in my previous post.
It is important you edit the file you've uploaded on your server - you can also edit the file that isn't online and then overwrite the online file with your newly edited file.
Posted 1 year ago # -
thanks Chris, I was able to get menu copy to show "white", but couldn't get anything to work on the hover effect and color change for the hover?...also where does "Home" page reside, is it a default?....thanks
Posted 1 year ago # -
Hey,
as for your Home item you can edit this in your Dashboard under Appearance > Menus.I've also found it's extremely hard to style the headings when using custom fonts for Heading Font, it's best to go for no custom font, the styling should then work without problems.
Posted 1 year ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
