Hi,
I’m using Vantage Premium, and I’d like to create a tagline to go to just to the right of my logo. I’ve read in the forums that Vantage doesn’t use the tagline from the Customizer, so I’ve tried creating a text widget in the header area, but it is always right justified. I’m fairly new to WordPress so my CSS skills are weak at best. I’ve read the other threads and tried some of the examples you’ve given to other people but nothing seems to work. My site is not live so I can’t give you a link…I have lots more work to do on it before going live. Can you give any advice without actually seeing the site?
thanks in advance!
Creating a tagline with Vantage
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi maple
Thanks for reaching out.
Appearance > Theme Settings > Logo > Header Text is sort of the Vantage replacement for the tagline. This is a legacy issue. Our next theme will definitely support the tagline. Both header text and the header widget area are position in the same location, far right of the header. I don’t think we’ve ever moved that location using Custom CSS. Sorry I don’t have better news. (If you’ve seen a thread where I’ve moved the header text to the logo, please send through the link).
This is a private message.
I’m feeling energetic :) Let me see if I can child theme this change quickly.
One moment…
:)
Eventually I'll learn to do that…
Right, let’s give this a swing:
https://siteorigin.com/wp-content/uploads/2015/05/vantage-child-tagline-support.zip
Download the ZIP to your desktop.
Install from Appearance > Themes > Add New: Upload Theme
It’s normal for menu location assignments and Customizer settings to reset.
Test the child theme out before redoing those settings.
Let us know how you come along.
Thank you! That was fast! (sorry for my delay, had to go run an errand)
It's *almost* perfect. It is aligned with the bottom of the logo…which intuitively sounds right but I think it would look better if I could center it against the logo. Any way I can raise it a few pixels?
Also, will I be able to modify the font, size and color? I want it to really pop.
thanks so much!
Danielle
Glad that helped :)
To adjust the alignment of the header go to Appearance > Editor > style.css and change the following declarations from baseline to center:
To target the tagline add the following to that style.css file or to Appearance > Custom CSS and edit as required:
.site-header .site-branding h2.site-description { color: ; font-family: ; font-size: ; }Here is how to use each of those properties:
http://www.w3schools.com/cssref/pr_font_font-family.asp
http://www.w3schools.com/cssref/pr_font_font-size.asp
http://www.w3schools.com/cssref/pr_text_color.asp
Thank you! I'll give it a shot.
For sure! Let us know how it goes.
Hi,
Sorry for the delay, just got to it. Works perfectly! Thanks so much for your help. I really appreciate it.
Thanks for the update. Glad to hear this did the trick :) All the best.
This is a private message.
This is unfortunately one of those moments where we’d need to see the site and inspect the code to see what’s up. If your site is online but not live, please send through a set of login details and url using [email protected] and we’ll take a look.
Hi Andrew
I sent my log in info to that email address.
Sorry, it doesn’t look like it came through. Would you mind sending it here using the Private Reply checkbox at the bottom right of the comment form?
This is a private message.
Sorted! Thanks for your help.
The same rule was being used at Appearance > Custom CSS and in style.css. There were also a few small errors in style.css. I’ve resolved. You should now be able to edit at Appearance > Custom CSS.
Thank you! That was fast.
For sure :) Glad we could help.