Community Forums › Forums › Archived Forums › Design Tips and Tricks › Changing font size/color of my tagline
- This topic has 11 replies, 3 voices, and was last updated 10 years, 7 months ago by rfmeier.
-
AuthorPosts
-
June 4, 2013 at 9:41 am #44024TonyGMember
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 & Inspiration | Monarch Butterfly Garden
June 4, 2013 at 9:45 am #44026rfmeierMemberJune 4, 2013 at 12:08 pm #44059TonyGMemberHi Ryan,
this is the link:
http://www.monarchbutterflygarden.net/
Butterfly Garden Ideas & Inspiration | Monarch Butterfly Garden
June 4, 2013 at 12:19 pm #44062rfmeierMemberI took a look and pulled the html down. I could not find a #description tag anywhere on the site.
<div id="header"> <div class="wrap"> <div align="center" style="margin-top:7px;"> <a href="http://monarchbutterflygarden.net/"> <img src="http://monarchbutterflygarden.net/wp-content/uploads/2013/04/MBGlogo5.png"></a> <br> <span style="color:grey;font-size:20px;margin-top:10px;">Bring Home The Beauty of Butterflies</span> </div> </div><!-- end .wrap --> </div>
That is most likely why the changes are not taking place. Unless I am missing something.
Let me know.
June 4, 2013 at 12:41 pm #44067TonyGMemberThis 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 & Inspiration | Monarch Butterfly Garden
June 4, 2013 at 12:44 pm #44069rfmeierMemberI 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"?
June 4, 2013 at 12:55 pm #44070TonyGMemberyes, 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 & Inspiration | Monarch Butterfly Garden
June 4, 2013 at 12:58 pm #44071rfmeierMemberYes, It seems to be missing a legit header and description, but I am not sure why it is missing.
June 4, 2013 at 1:02 pm #44072TonyGMemberThanks for looking Ryan, I assumed it was a mistake on my end. I will contact the support specifically for this template...
Butterfly Garden Ideas & Inspiration | Monarch Butterfly Garden
June 4, 2013 at 1:07 pm #44073rfmeierMemberYou'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.
August 19, 2013 at 8:41 pm #57478JingDocMemberI 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;August 20, 2013 at 8:00 am #57500rfmeierMember -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.