Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello – I want to change the header font and size (which you can’t do via appearance/logo. So, I thought I would go to the editor and find the stylesheet and edit the header font (some call it the tagline). I think h1 would be the main logo? …so I should be looking for a h2 or h3 but don’t see that. Can you tell me what to look for and where to find it thanks so much.
Hi Jo-Anne
Thanks for reaching out.
All WordPress themes completely overwrite their own folder during theme updates. It’s best to not make any changes via Appearance > Editor without a child theme as those changes will be lost during theme updates.
If you’re using the header text added via Appearance > Theme Settings > Logo then you can change it using the following added to Custom CSS:
header#masthead .hgroup .support-text { color: #4b4b4b; font-size: 12px; font-style: normal; }Edit as required. Hope that helps.
Hi – Was playing around with it and was able to change the color of the font in the tagline but not style or size. So, I then played around with the other settings but no luck. Now the tagline has gone underneath the logo. I backed up a copy of the style sheet before I started and of course uploaded it to try to fix the issue but is not going back to the way it was originally with the tagline on the same line and to the right of the logo. Is this the correct code…. as this is what I had backed up but is not going back to the way it was. Thanks for your assistance.
#masthead .hgroup .support-text {
line-height: 1.2em;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.6em;
color: #4b4b4b;
font-style: italic;
max-width: 50%;
}
Hi Jo-Anne
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
Thanks…. set you up.
Unfortunately, the email didn’t make it here. Please, can you post our info manually using the Private Reply checkbox bottom right.
Thanks
This is a private message.
This is a private message.
Thanks, taking a look shortly.
Could you please, confirm your login URL for us. Thanks.
This is a private message.
I haven’t gotten that far I’m afraid. When you go to login to your site, what is the address listed in the browser’s address bar?
Put another way, where do you login to your site?
Found it, no worries, thanks.
This is a private message.
This is a private message.
No problem :)
Private Snippet
Please, check now. Go to Appearance > Custom CSS to see what I’ve added. I’ve changed the color, style and size.
Awesome…. now I just need the tagline back up on the right where it was originally.
So, if I understand things correctly, the only way to edit that info. was with the custom CSS that you added? .
Thanks
That’s right, the header text is only editable with the Custom CSS I inserted at Appearance > Custom CSS, also seen above at the start of our thread.
The reason the support text isn’t in it’s original position is the theme’s style.css file looks to have been edited. Keep in mind that all WordPress.org themes completely overwrite their own folder during theme updates so it’s not update safe to make any changes via Appearance > Editor.
To try resolve, please, go to Appearance > Editor > style.css and do an in page search for:
Then replace the entire rule with the original which is:
header#masthead .hgroup .support-text { line-height: 1.2em; position: absolute; right: 0; top: 50%; margin-top: -0.6em; color: #4b4b4b; font-style: italic; max-width: 50%; }Great that fixes that. Just trying to understand the process. Why if it looks to be the same code can you not edit it from editor. ( I get the update part). The only part that seemed to change when I played with it was the color but the size and font style didn’t. Again, just trying to understand the process. Thanks….
Changes should reflect from both locations. Perhaps there was a subtle syntax error created during edited that stopped declarations rendering after a certain point in the rule. A small mistake is the only thing I can think of.
Ok, great thank you for your help. :)
For sure :)