Community Forums › Forums › Archived Forums › Design Tips and Tricks › Magazine Theme header color
Tagged: color, header, magazine theme
- This topic has 9 replies, 3 voices, and was last updated 10 years ago by
ccophoto.
-
AuthorPosts
-
February 6, 2015 at 12:58 pm #139957
ccophoto
ParticipantI try to change the color of my whole header. The menu above image, to the left and right of my header image and the menu below. I tried to figure it out with firebug, but have not that much experience to figure it out.
The stylesheet is a bit confusing to me, and I did so far not find the right place to make the color changes.I already changed my header image so you might see where I want to go, even though it looks odd this way now.
http://www.ccophoto.com
Thanks for any help.February 6, 2015 at 1:28 pm #139960Krishan
MemberHi there,
Add the following code to the bottom of the style.css of child theme:
/* For menu above image */
#nav{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}/* For menu below image */
#subnav{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}/* Right and left left areas of the header image are dictated by the wrap color where background picture is http://www.ccophoto.com/wp-content/themes/magazine/images/wrap.png */
/* The following code will change the color of the sidebars on the whole page */#wrap{
background-color: Anycolor; /* Add the color value instead of Anycolor */
}Note: It seems that you have minify plugin enabled. You might have to deactivate or sometimes delete this plugin along with any cache plugin to see if the changes are happening. Ideally; they should be installed after full development.
Thanks
K Krishan
Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.comFebruary 6, 2015 at 1:43 pm #139961ccophoto
ParticipantThanks for your help. I am able to change the above header color.
What I don't understand is the part :
/* Right and left left areas of the header image are dictated by the wrap color where background picture is http://www.ccophoto.com/wp-content/themes/magazine/images/wrap.png */
/* The following code will change the color of the sidebars on the whole page */Where do I make that change? I upload a header image in the customize my site in wordpress. Not by ftp. Also you write background image, but it is the header image. Can you help, please?
ThanksFebruary 6, 2015 at 1:56 pm #139964Krishan
MemberI need to know how did you get the texture background behind the header image. Its not clear from the css. I will advise you to delete the minify plugin as sometimes it hides the css classes and ids. you can always install it back on.
Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.comFebruary 6, 2015 at 2:05 pm #139966ccophoto
ParticipantThat texture background comes from the Magazine theme. I don't know where it is stored. That's why I can't change it.
I delete the minify plugin.Regula
February 6, 2015 at 2:24 pm #139973emasai
ParticipantYou need to modify the css for #wrap in the css file. At the moment it shows the default background image.
#wrap{ background: url(images/wrap.png) repeat-x; margin: 0 auto; }
If you want just a colour as background change to, I have used the same colour as your header background:
#wrap{ background: #6E6F71; margin: 0 auto; }
If you want to add a different image behind your header, upload your image via FTP to images folder then change to:
#wrap{ background: url(images/myimagename.png) repeat-x; margin: 0 auto; }
(change .png to .jpg if necessary and repeat or not)
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comFebruary 6, 2015 at 2:35 pm #139977Krishan
MemberWell,
I saw magazine theme and there is not any texture on the theme header.
The theme header is defined as in your website:
#wrap {
background: url("/wp-content/themes/magazine/images/wrap.png") repeat-x scroll 0% 0% transparent;
margin: 0px auto;
}
try adding another image in there where it says background: url( upload the image in media and add the link in here) and i am seeing the minified css still in there. You might have to delete the cache plugin as well so that cached copies are not served.Thanks
Kulwinder Krishan
I love helping people with Any Genesis Theme Customizations.
Check my website at http://www.ew3tech.comFebruary 6, 2015 at 2:56 pm #139980ccophoto
ParticipantWhat emasai said helped to get the header image going all the way out to both sides.
And thanks Krishan. I did delete the caching , so the minify should be gone.
I am not sure if I should leave the sub nav black, or darker gray. But the wrap between the nav and the body is bothering.
What is that area called, to change that as well.And thanks to both of you, your help is great.
Regula
February 6, 2015 at 3:31 pm #139983emasai
ParticipantThat is #subnav, you could change it to #000 or #111 for more contrast.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comFebruary 6, 2015 at 5:55 pm #139997ccophoto
ParticipantI had to learn that I have to change the wrap to an image, not a color. Otherwise there is some over write from somewhere.
I am happy with the outcome for the moment.
Thank you all! Without you guys I could not do any adjustments with the theme.
Best,
Regula -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.