Community Forums › Forums › Archived Forums › General Discussion › Site Title and Tagline- OutReach Pro
Tagged: Outreach Pro Theme, Site Title and Tagline
- This topic has 13 replies, 5 voices, and was last updated 8 years, 10 months ago by maroje.
-
AuthorPosts
-
January 21, 2014 at 9:13 pm #86384IAMGOMember
Hello Im new to using this and do not know coding, I am trying to change the font and font size of the Site Title and tagline ( the tagline doesn't even show up because the font size of the title is so big. Please help! Im using Outreach Pro theme and the site is http://www.iamgo.org
thanks!January 22, 2014 at 8:45 am #86451nutsandboltsMemberIf you open your theme's stylesheet (go to Appearance > Editor and it will be the open file), look for the following:
.site-title { font-size: 43px; font-size: 4.3rem; font-weight: 700; line-height: 1; text-transform: uppercase; }
You'll want to change both lines for font-size to be the same (10px = 1rem) and that will make the site title smaller. However, I didn't see a site description even when I made the font smaller in Firebug - be sure there is a description in Settings > General since that's where Genesis looks for the description.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 22, 2014 at 2:57 pm #86532IAMGOMemberThank you Andrea, I found it. It now instead of going straight across, piles on top of each word. Also, can I change the font to a Script font? I would actually like to have a custom header put in, but its only giving me 34px of space, why can I not utilize the entire header section?
I appreciate your help!
Thanks again,
IAMJanuary 22, 2014 at 3:02 pm #86535nutsandboltsMemberYou can add a custom header but it takes a bit of CSS elbow grease. You can change the font to whatever you'd like by changing the existing site title font in the stylesheet.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+January 23, 2014 at 2:37 pm #86685IAMGOMemberThank you!
February 16, 2014 at 2:02 pm #90641wizz6113MemberI think there must be some blip in Outreach as I can't get the site description to show either, irrespective of setting the site title font size smaller. I've tried several sizes to no avail. And I do have the wording in the description field under settings. Any ideas as to what can rectify this issue? If not, I'll have to design a custom header jpg. But it seems a code fault somewhere?
February 16, 2014 at 6:48 pm #90672nutsandboltsMemberCan you post a link to your site? I believe the site description is hidden via CSS but will need to look at the site to be sure.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 17, 2014 at 3:26 am #90723wizz6113MemberThanks Andrea,
I've taken a look at the CSS and it doesn't indicate it's not showing -ie I can't see a 'display: none . It's in localdev so no link, but I do have line nr on the CSS if you have an idea exactly which line I should target. This seems to be the code area coming in around line 1108 in Outreach Pro. Tnx..site-description {
color: #999;
font-size: 10px;
font-size: 1.0rem;
font-weight: 400;
height: 0;
line-height: 1.5;
text-indent: -9999px;
}.site-description,
.site-title {
margin-bottom: 0;
}.header-image .site-description,
.header-image .site-title {
display: block;
text-indent: -9999px;
}February 17, 2014 at 9:32 am #90785nutsandboltsMemberRemove this line:
text-indent: -9999px;
That is what's hiding the description. 🙂
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 17, 2014 at 12:57 pm #90825wizz6113MemberThanks Andrea, much appreciated!
That did look like a suspiciously odd number, but I wasn't sure about editing it as I thought there must be some reason Outreach code came packaged with. Off to play around with variations then between 0 - -9999!
Cheers!February 17, 2014 at 1:51 pm #90833nutsandboltsMemberJust remove the entire line - the -9999px is designed to move it so far off the screen that no one will ever see it. If you take that out, you'll have no text indent, which is what you want.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+February 17, 2014 at 2:20 pm #90835wizz6113MemberThanks Andrea, yes, I did that. I realised it was such a ridiculously large amount, it was devised as such. Though I really can't think why it comes packaged as 'invisible' as presumably some may want it. It would be easier to just not type it in the custom setting.
February 17, 2014 at 7:29 pm #90881CAD MonkeyMemberAndea, can I redirect back to the title font. I have been trying several things but they are not working. It isn't working in Chrome or FF. The Outreach Pro title font is so boring it looks like they would have built in an easier way to change it. Anyway I have added the text below to the style.css without success.
Thanks.
@import "http://fonts.googleapis.com/css?family=Allura";/* #site-title {
font-family: Allura, serif;
} */
#site-title span a, #site-description {
font-family: "Allura";
}May 31, 2015 at 2:25 pm #154298marojeMemberHI Studiopress experts,
I had the same issue but couldn't resolve it the way you described.
So I'd like to have the tagline under the title. Could you please take a look and advise me what should I fix in my CSS.
http://www.make-make.hr/thank you,
M
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.