Community Forums › Forums › Archived Forums › Design Tips and Tricks › looking for css code to change colors.
- This topic has 5 replies, 3 voices, and was last updated 9 years ago by
PyramidWeb.
-
AuthorPosts
-
July 16, 2017 at 11:03 am #209179
bobferguson
MemberI am trying to change the color of Education Pro theme. I have the following working. I am still looking for how to color the copyright text. As well as the menu bar and color of menu text and the sub menu color. Also looking to change the color of the contents area.
Your time is appreciated
Bob
/*
You can add your own CSS here.Click the help icon above to learn more.
*/
/* Blocks display of page title */
.entry-header {
display: none;
}
/* Color title */
.site-title {
background-color:#f2e571 ;
}
/* Color footer Must be default color scheme */
.site-footer {
background-color:#f2e571 ;
}
/* Color header */
.site-header {
background-color:#f2e571 ;
}July 16, 2017 at 11:26 am #209180Victor Font
ModeratorThe best way to see what needs to change is to use your browser's inspection tool. Right click on the element you want to change and inspect it. You will see the CSS that affects the element. You can also experiment and change it non destructively until you get it right, then copy and paste you changes into your style sheet. https://victorfont.com/how-to-use-your-browsers-inspect-tool/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 16, 2017 at 3:35 pm #209191bobferguson
MemberI have tried to inspect but it is mostly Greek to me. But a will research more.
I have found the blue scheme in style.css and changed all my colors. So good.
But how do I change the menu text color and the copyright text color.
I have however found
.entry-content {
background-color:#f2e571 ;
}
Which colours the page content but It leaves a white border around the coloured text. How do I get rid of it?I have spend a lot of time on this but I am almost there.
Your time on this matter is greatly appreciated.
BobJuly 19, 2017 at 5:02 pm #209310PyramidWeb
MemberLink to your site, please.
July 19, 2017 at 5:58 pm #209323bobferguson
MemberIt is running on my localhost server. Sorry, I have all the colors now except the menu text is still white. I have the footer copyright in black now. But menu text and the sub menu selection colors still a mystery to me.
July 19, 2017 at 6:49 pm #209324PyramidWeb
MemberI'm not sure what colors you would like to change.
If you want to change the color of the menu with the blue background (text "Twitter, Facebook, ..." in the demo https://my.studiopress.com/themes/education/#demo-full), add to your css:
.genesis-nav-menu li a { color: #f00; }The blue color of the background can be changed in
.nav-primary { background-color: #34678a; color: #fff; }Note that changing the color of the text (default is white #fff) has no effect.
This menu has no sub-menu in the demo, so I can't see the colors of the sub-menu. The other menu ("Sample, Layouts ...") in the demo has a sub-menu but the text is not white, so I guess this is not the one you would like to change.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.