Community Forums › Forums › Archived Forums › General Discussion › Background in Agency theme
- This topic has 18 replies, 2 voices, and was last updated 10 years, 10 months ago by rfmeier.
-
AuthorPosts
-
June 4, 2013 at 6:25 pm #44090shumieMember
When I change the background color in the Agency theme, the black remains at the top of the page. How can I make the entire background the same color?
http://www.faithpeptalks.comJune 4, 2013 at 7:18 pm #44093rfmeierMemberHello,
Within your style.css file, the following css needs to be changed;
body { background: #f1f1f1 url(images/bg.png) repeat-x; }
to
body { /* background: #f1f1f1 url(images/bg.png) repeat-x; */ }
This should remove the default background image.
Let me know how it turns out.
June 4, 2013 at 8:16 pm #44099shumieMemberThanks! I removed that phrase from the style.css file and it worked.
Can you tell me how I change the color of the hover boxes on the menu?
Appreciate your help.
June 4, 2013 at 8:33 pm #44100rfmeierMemberI am glad that worked. For the menu hover colors, there are a few different css combinations you can try. For starters, just replace the default background-color;
Around line ~302
.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { -moz-border-radius: 5px; -moz-box-shadow: 0 1px 0 #333; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #333; background-color: #000; /* background color */ border-radius: 5px; box-shadow: 0 1px 0 #333; color: #fff; /* font color */ }
However, if you just want the hover color to change, add the following after line 326
.menu-primary li a:hover, .menu-secondary li a:hover, #header .menu li a:hover { background-color: #000; /* background color */ color: #fff; /* font color */ }
Try either of those and let me know how it turns out.
June 8, 2013 at 2:27 pm #44805shumieMemberFor some reason I cannot get my hover color to change. I tried replacing the hover background color as you instructed in your first example, but it doesn't change. Any advice?
June 8, 2013 at 2:38 pm #44808rfmeierMemberWas this the code you added for the new hover styling?
/* line ~288 */ .menu-primary li a, .menu-secondary li a, #header .menu li a { color: #777; display: block; font-size: 14px; padding: 6px 15px 4px; position: relative; text-decoration: none; }
June 8, 2013 at 2:43 pm #44809shumieMemberNo, I didn't add anything because I don't know what I'm doing. Is there a simple way where I can just change a hex color? Also, how do I locate the line numbers? Sorry you have to deal with such a novice:=)
June 8, 2013 at 2:47 pm #44811rfmeierMemberOkay. Just past the code below at the bottom of your style.css file.
.menu-primary li a:hover, .menu-secondary li a:hover, #header .menu li a:hover { background-color: #000; /* background hex color */ color: #fff; /* font hex color */ }
You can change the colors as needed.
Hope this helps.
June 8, 2013 at 3:00 pm #44815shumieMemberStill didn't work. This is what I added at the very bottom of my style sheet after the last bracket.
.menu-primary li a:hover,
.menu-secondary li a:hover,
#header .menu li a:hover {
background-color: #000; /* #5ec6cc */
color: #fff; /* font hex color */
}What am I doing wrong?
June 8, 2013 at 3:04 pm #44816rfmeierMemberYou didn't do it entirely wrong 🙂 It is there. However, it is still using the same colors. You need to change the hex color. What hex colors did you want the text and background to be on hover?
June 8, 2013 at 3:04 pm #44817rfmeierMemberNever mind, You posted them. I read it too fast.
Let me give you new code to paste.
June 8, 2013 at 3:05 pm #44818rfmeierMemberOkay. Re-paste this code;
.menu-primary li a:hover, .menu-secondary li a:hover, #header .menu li a:hover { background-color: #5ec6cc; color: #fff; /* font hex color */ }
June 8, 2013 at 3:06 pm #44819shumieMemberThe font color can stay the same.
June 8, 2013 at 3:14 pm #44820shumieMemberRyan, I'm so frustrated. I copied what you sent me, inserted it at the bottom of my style sheet, hit update, refreshed my site, but it still has black boxes. I know it's something simple that I'm missing. Do I have it in the wrong spot?
.menu-primary li a:hover,
.menu-secondary li a:hover,
#header .menu li a:hover {
background-color: #5ec6cc;
color: #fff; /* font hex color */
}June 8, 2013 at 3:46 pm #44822rfmeierMemberOkay. I think this may have been my fault. I was over thinking it.
Once more, re-paste this;
.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a, #header .menu li a:active, #header .menu li a:hover, #header .menu .current_page_item a, #header .menu .current-cat a, #header .menu .current-menu-item a { background-color: #5ec6cc; }
This will change the color to active and hover menu items.
June 8, 2013 at 4:07 pm #44823shumieMemberStill doesn't change. I added this to the bottom of my style sheet per your instructions.
.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
background-color: #5ec6cc;
}June 8, 2013 at 4:14 pm #44824rfmeierMemberI can see the changes. You are probably viewing a cached version (which will eventually reset).
Here is what i see;
https://www.diigo.com/item/image/40chg/276i
June 8, 2013 at 4:39 pm #44825shumieMemberYou are awesome!!! Thank you for your patience.
June 8, 2013 at 5:14 pm #44831rfmeierMember -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.