Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to change custom menu colour
Tagged: colour, custom menu, menu colour
- This topic has 12 replies, 3 voices, and was last updated 10 years, 11 months ago by
alison.barr.
-
AuthorPosts
-
February 18, 2014 at 9:13 am #90958
alison.barr
MemberHello, I hope someone will be able to help me. I am using the executive pro theme with the custom menu. I think the menu needs to be a different colour (green) and in bold to stand out properly. My site is: http://www.thegreenrooms.net/
Does anyone know how I can do this?
Many thanks in advance, Alison.
http://www.thegreenrooms.netFebruary 18, 2014 at 9:37 am #90966pxforti
Participantyou will have to write some css rules to change the menu color. There are no settings in the template for doing that.
writeNowDesign
WordPress and Ecommerce Website DesignFebruary 18, 2014 at 9:41 am #90969alison.barr
MemberThanks for the advice pxforti - I'm not sure how to write css rules as I've never done that before. Would you be able to help me work out where to start?
Thanks a lot.February 18, 2014 at 9:49 am #90970pxforti
Participantin your style.css file, on line 1955, you will see the start of the green color css rules. If you don't already know css, there's no easy way to explain how to do it. It will require several changes.
writeNowDesign
WordPress and Ecommerce Website DesignFebruary 18, 2014 at 9:54 am #90975alison.barr
MemberThanks for the advice. I'm willing to learn css as it seems that it is sometimes the only way to make changes. Can you recommend a site to learn this?
Also, how do I access my style.css file?
Thanks a lot.
February 18, 2014 at 10:13 am #90983pxforti
ParticipantCodeacademy is a great place to start: http://www.codecademy.com/tracks/web
Very easy to use, interactive lessons.
writeNowDesign
WordPress and Ecommerce Website DesignFebruary 18, 2014 at 11:16 am #90996alison.barr
MemberThanks a lot pxforti.
Has anyone done this before and wouldn't mind sharing their code with me?
May 14, 2014 at 8:52 am #105105erolemed
MemberHi, I have the same problem. I want to change the menu colour from fray to white. Blending with the background (www.engjigyotenkai.com). Did you get to do it?
bests
May 17, 2014 at 7:38 pm #105672erolemed
MemberHi again, I changed header widget menu, primary navigation, and secondary navigation background menu colour codes in both Genesis and Execuuttive Pro style.css files, nothing changed in the website. Any ideas most appreciated.
May 18, 2014 at 12:49 pm #105773pxforti
ParticipantOn line 1108 of style.css, change background-color to #fff:
.genesis-nav-menu {
background-color: #fff
clear: both;
color: #666;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
writeNowDesign
WordPress and Ecommerce Website DesignMay 18, 2014 at 3:14 pm #105787erolemed
MemberHi pxforti, thanks for this tip. It worked! great stuff. Now I have to find my hosting account for other site. I have Godaddy hosting account for jigyotenkai.com with a different domain name for English (engjigyotenkai.com) site. The change did the job for the Japanese, now I have to find where the style.css is hidden for the engjigyotenkai.com account. Thank you very much.
May 18, 2014 at 3:28 pm #105789erolemed
MemberSo its all fixed for the background colour issue. thank you very much again.
May 19, 2014 at 6:16 am #105842alison.barr
MemberI tried to learn css with the links you suggested pxforti and I am getting on ok but still haven't changed my menu colour. I will use the code you sugegst above. Can you please tell me how I access the style.css in order to make the changes. Many thanks!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.