Can you please provide a link to your website? That way I can look at the code and help you figure out how to get things changed 🙂
sure its emarketingrevealed.com
Log into your Dashboard and click the Editor link under the Appearance section on the left hand side of the screen. Once that pages loads, click the style.css link on the right hand side of the screen.
NOTE: Copy all of the code in this file and paste it somewhere else. This way if something gets screwed up you can revert back to the default code.
When you are ready, scroll down a little in the style.css code and look for the following block of text
#header h1 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 28px;
color: #000000;
line-height: 30px;
}
#header p {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #666666;
}
#header a {
color: #6E2828;
text-decoration: none;
}
#header a:hover {
color: #000000;
text-decoration: none;
}
To change the color of the Emarketing Revealed text you can modify the following piece of code
#header a {
color: #6E2828; <-- Change the color here
text-decoration: none;
}
To change the font that is used you need to add an extra line of code
#header h1 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 28px;
color: #000000;
line-height: 30px;
font-family: Times New Roman;
}
That covers the headline part. For the tagline color the piece of code you need to modify is
#header p {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #666666; <-- Change the color here
}
And to change the font for the tagline you need to add the extra piece of code
#header p {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #666666;
font-family: Times New Roman
}
OMG there is no such code in it. I was not even able to find even one “header”
BTW it shows that its editing jd.gallery.css.
And the following info i provide thinking you might suggest me which one to edit and how
On the right hand side of my dashboard templates is written and when i scroll down there is “Styles” and there are three files that are shown
1] stylesheet [style.css]
2] jd.gallery.css [jd.gallery.css]
3] Layout [layout.css]
You need to click on the stylesheet style.css file, there is where you will find the code that I was talking about in my previous post.
I am having same issue ie changing color of text in site title and tag line. When I followed above instructions and when I got to stylesheet style.css found this near top of css flow
“DO NOT EDIT THIS FILE! The Weaver Theme has been designed so that editing style.css is no longer required!
If you need to make changes to the styles rules, add override CSS rules to the <HEAD> Section in the
Advanced Options tab of the Weaver admin panel.”
Scrolling down on the Adv Options tab of Weaver admin panel I found this
Advanced CSS Options
Add CSS Rules to Weaver’s style rules
Some advanced developers prefer that their custom CSS rules be added to the weaver_style.css file rather than included in the <HEAD> Section above. Any CSS style rules here will be added at the end of the regular Weaver CSS rules. Do not add <style> and </style> here – just CSS. These rules will be saved with your theme .wvr file.
Does this mean I can just write new code in the box below this that last bit of text and it will override automatically? Have they changed the set-up or do I still need to write “override” etc as was stated above (8 months ago, times change?)
Makes me nervous messing with this as I am an old geezer Luddite and have never done more than email and word processing before. Thank you!
From what it sounds like you would add the appropriate CSS to the Advanced CSS Options area and it will automatically include that into the theme itself.
Thank you Jarret! I guess I can just go back and delete what I added if i don’t like the result.
When I entered
#header a {
color: #6E2828; <– Change the color here
text-decoration: none;
}
in the Advanced CSS box and saved it, what I got was that actual code as text written across top of text box on my site.
So, does this sound like I need to go with the “override” instructions you posted before? or something else?
No it sounds like there is a place within the theme options to add custom CSS. I’ve never really worked with Weaver before though so I am not 100% sure.
Ok thanks, I’ll keep sniffing around.
Sweet! Found it and it is easy as can be. Click on box and color chart w/ sliders appears and you can just set and save. 10,000 thank you’s.
