SELA Menu bar color (want to change)

courtneynoe · Member · Feb 3, 2015 at 12:16 am
Copy link

Add topic to favorites
The blueprint version as the color I want for the menu bar (a turquoise blue that can be seen at http://mirrormiirror.wordpress.com) the real website, http://thatneuneu.com, is pink. What is the code I should use to change the color?

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Feb 3, 2015 at 8:33 am
Copy link
Please try this style:
```
nav#site-navigation {
    background:pink;
}
```
courtneynoe · Member · Feb 3, 2015 at 8:45 am
Copy link
I got the menu to be the turquoise color I want, but there are pink (the old color) dots separating the menu titles on the. How do I change that to be turquoise as well? (color I want is 74ccd1)
staff-happychia · Staff · Feb 3, 2015 at 8:49 am
Copy link
Oh, okay, Try this. I set the color to red but please feel free to change it to whichever color you prefer. If you set it to 74ccd1, the same color as background they disappear :-)
```
@media screen and (min-width: 768px) {
.nav-menu > li > a:after {
color: red;
content: " 2022";
margin-left: 1em;
}
}
```
courtneynoe · Member · Feb 3, 2015 at 9:02 am
Copy link
I copy and pasted this {
color: 74ccd1;
content: ” 2022″;
margin-left: 1em;
}
}
but the dots are still there. I am pasting it in the CSS Stylesheet Editor, any thoughts? Code is not my strong point :(
staff-happychia · Staff · Feb 3, 2015 at 9:04 am
Copy link
74ccd1 should be #74ccd1

# is missing in the hex color code you have added. :-)
thenextgreatbite · Member · Feb 3, 2015 at 5:14 pm
Copy link
That is a good question about the code. Do you paste it in the CSS Stylesheet Editor?

I am trying to change the color of the footer bar at the bottom of blog to be red like the header. Can I do that? And it not can I change the color of the social icons to be the red?

The site I am trying to fix is http://www.thenextgreatbite.com

Thank you!
courtneynoe · Member · Feb 3, 2015 at 7:44 pm
Copy link
Yay! it worked. okay, one last thing- when I hover over “SELL” for my submenu it turns the pink color, how can I change that color?
courtneynoe · Member · Feb 3, 2015 at 8:00 pm
Copy link
oh wait, and the link color for my email address is red, how do I change that too (see on HIRE ME page).
staff-happychia · Staff · Feb 4, 2015 at 9:34 am
Copy link
when I hover over “SELL” for my submenu it turns the pink color

I can’t see any pink, however use this style to change the background of the sub menu:
```
.main-navigation ul ul a {
background: #74ccd1;
}
```
I see your email address, (email visible only to moderators and staff) is in #2B797C.
staff-happychia · Staff · Feb 4, 2015 at 9:37 am
Copy link
@thenextgreatbite

Change footer background color to same as that of header color:
```
.site-footer {
background-color: #E31D34;
}
```
Change the social media icons color:
```
.social-links ul a:before, .footer-widget-area button {
background-color: green;
}
```
thenextgreatbite · Member · Feb 4, 2015 at 3:00 pm
Copy link
That is awesome! Thank you! It worked!
courtneynoe · Member · Feb 10, 2015 at 6:49 am
Copy link
I copy and pasted this: .main-navigation ul ul a {
background: #74ccd1;
}

but my email link (can be found in HIRE ME) still shows as red and then when hovered over turns gray (the gray is fine). I want it to be #74ccd1. Help?
staff-happychia · Staff · Feb 10, 2015 at 8:02 am
Copy link
@courtneykittel

Please try this style:
```
div.entry-content h2 strong span a {
    color:#74ccd1;
}
```
thesacredpath · Member · Feb 21, 2015 at 7:41 pm
Copy link
Hi @courtneykittel, since http://thatneuneu.com/ is self-hosted using Sela I would suggest posting in the Sela Support forum at WordPress.org.
merylfeldman · Member · Mar 12, 2015 at 9:17 pm
Copy link
I’m helping a friend with her site (http://adoptachildphotography.org) and am having the same issue with the pink dots showing up in the main navigation. I can’t find where to change the color! I’ve looked for the code mentioned above but don’t see that in the CSS Stylesheet. Can you please tell me where to find this in the CSS of Sela? Thank you!
staff-happychia · Staff · Mar 13, 2015 at 6:01 am
Copy link
@merylfeldman

Here is the CSS that is resulting in pink dots. #ffa4ad is pink and 2022 is dot.
```
@media screen and (min-width: 768px) {
.nav-menu > li > a:after {
color: #ffa4ad;
content: " 2022";
margin-left: 1em;
}
```
Since your blog is self-hosted using Sela, please post your future questions to Sela Support forum at WordPress.org.

No items found.