Changing font size/color of my tagline

Community Forums Forums Design Tips and Tricks Changing font size/color of my tagline

This topic is: not resolved

Tagged: ,

This topic contains 11 replies, has 3 voices, and was last updated by  rfmeier 11 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #44024

    butterguy
    Participant
    Post count: 16

    Hello, I was trying to change the color and font size of my tagline, but nothing changes when I make edits. Perhaps I am editing the wrong area?
    Is this the correct area in the CSS file to edit?

    In the Header section:

    #description {
    color: #777;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;

    I tried changing it to this:

    #description {
    color: #162252;
    font-family: ‘Milonga’, Georgia, Times, ‘Times New Roman’, serif;
    font-size: 8px;
    padding: 0;
    text-transform: none;

    Nothing happened. did I do something wrong?  Thanks, Tony

    PS…I am using the innov8ive child theme if this matters


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #44026

    rfmeier
    Participant
    Post count: 596

    Hello,

    Do you happen to have a link to the site?


    #44059

    butterguy
    Participant
    Post count: 16

    Hi Ryan,

    this is the link:

    http://www.monarchbutterflygarden.net/


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #44062

    rfmeier
    Participant
    Post count: 596

    I took a look and pulled the html down.  I could not find a #description tag anywhere on the site.

    [html]
    <div id="header">
    <div class="wrap">
    <div align="center" style="margin-top:7px;">
    <a href="http://monarchbutterflygarden.net/"&gt;
    <img src="http://monarchbutterflygarden.net/wp-content/uploads/2013/04/MBGlogo5.png"></a&gt;
    <br>
    <span style="color:grey;font-size:20px;margin-top:10px;">Bring Home The Beauty of Butterflies</span>
    </div>
    </div><!– end .wrap –>
    </div>[/html]

    That is most likely why the changes are not taking place.  Unless I am missing something.

    Let me know.


    #44067

    butterguy
    Participant
    Post count: 16

    This is the code from my CSS file under header…there is a #description section

    /* Header
    ———————————————————— */

    #wrap #header {
    -webkit-box-shadow: 0 1px 3px #999;
    -moz-box-shadow: 0 1px 3px #999;
    box-shadow: 0 1px 3px #999;
    background-color: #fff;
    border-top: 6px solid #339900;
    color: #534640;
    margin: 0px auto 5px;
    min-height: 150px;
    overflow: hidden;
    width:965px;
    }

    #header .wrap {
    margin: 0 auto;
    width: 960px;
    }

    #title-area {
    float: left;
    overflow: hidden;
    padding: 30px 0 0px 25px;
    text-align: left;
    width: 500px;
    }

    #title {
    font-family: ‘Rochester’, Georgia, ‘Times New Roman’, Times, serif;
    font-size: 88px;
    font-weight: normal;
    line-height: 58px;
    margin: 0 0 10px;
    text-transform: none;
    }

    #title a,
    #title a:hover {
    color: #162252;
    text-decoration: none;
    }

    #description {
    color: #777;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
    }

    any ideas?

     

     

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #44069

    rfmeier
    Participant
    Post count: 596

    I meant I don’t see a #description element within the page itself.  I posted the html from your header in my last post.  That is where the #title and/or #description should be.

    Just to be clear on my side, your site description text is “Bring Home The Beauty of Butterflies”?


    #44070

    butterguy
    Participant
    Post count: 16

    yes, that’s correct. so, it should actually say “description” somewhere in the HTML?

    Is my innov8ive template missing some code?

    <span style="color:grey;font-size:20px;margin-top:10px;">Bring Home The Beauty of Butterflies</span>

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #44071

    rfmeier
    Participant
    Post count: 596

    Yes,  It seems to be missing a legit header and description, but I am not sure why it is missing.


    #44072

    butterguy
    Participant
    Post count: 16

    Thanks for looking Ryan, I assumed it was a mistake on my end. I will contact the support specifically for this template…


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #44073

    rfmeier
    Participant
    Post count: 596

    You’re welcome.  I am glad I could help.

    From the theme demo for innov8tive, I see valid site title and description elements exist by default.  I am guessing whoever put this together for your removed those elements from the header.

    http://my.studiopress.com/themes/innov8tive/

    http://www.innov8tive.eightcrazydesigns.com/

    Good luck.


    #57478

    JingDoc
    Participant
    Post count: 8

    I am also trying to edit my tagline (Outreach theme). Everything changed but the color and I don’t know why. Any tips would be appreciated!

    #description {
    color: #848482 !important;
    display: inline;
    margin: 0 18px;
    font-weight: bold !important;
    font-size: 18px !important;

    Wittdc.com

    #57500

    rfmeier
    Participant
    Post count: 596

    JingDoc,

    Were you able to figure this out?


Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.