WordPress › Support » How to change the font and colour of the tagline of my site title

Kewlkez
Member
Posted 1 year ago #

Hey guys jst sa awake all night and made my website but was wondering how to change the colour and font of the tagline of my website.
I dont know if there is a plugin or any widget for this and there was no option in the dashboard that does this ,hence please help me.Thanks :)
Jarret Cade
Member
Posted 1 year ago #

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 :)
Kewlkez
Member
Posted 1 year ago #

sure its emarketingrevealed.com
Jarret Cade
Member
Posted 1 year ago #
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
}
```
Kewlkez
Member
Posted 1 year ago #

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]
Jarret Cade
Member
Posted 1 year ago #

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.
geoffreylevens
Member
Posted 7 months ago #

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!
Jarret Cade
Member
Posted 7 months ago #

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.
geoffreylevens
Member
Posted 7 months ago #

Thank you Jarret! I guess I can just go back and delete what I added if i don't like the result.
geoffreylevens
Member
Posted 7 months ago #

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?
Jarret Cade
Member
Posted 7 months ago #

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.
geoffreylevens
Member
Posted 7 months ago #

Ok thanks, I'll keep sniffing around.
geoffreylevens
Member
Posted 7 months ago #

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.

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

How to change the font and colour of the tagline of my site title (13 posts)

Topic Closed

About this Topic

Tags

Code is Poetry