WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Kewlkez
    Member
    Posted 3 years 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 :)

  2. JarretC
    Member
    Posted 3 years 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 :)

  3. Kewlkez
    Member
    Posted 3 years ago #

    sure its emarketingrevealed.com

  4. JarretC
    Member
    Posted 3 years 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
    }
  5. Kewlkez
    Member
    Posted 3 years 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]

  6. JarretC
    Member
    Posted 3 years 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.

  7. geoffreylevens
    Member
    Posted 2 years 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!

  8. JarretC
    Member
    Posted 2 years 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.

  9. geoffreylevens
    Member
    Posted 2 years ago #

    Thank you Jarret! I guess I can just go back and delete what I added if i don't like the result.

  10. geoffreylevens
    Member
    Posted 2 years 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?

  11. JarretC
    Member
    Posted 2 years 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.

  12. geoffreylevens
    Member
    Posted 2 years ago #

    Ok thanks, I'll keep sniffing around.

  13. geoffreylevens
    Member
    Posted 2 years 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.

About this Topic