Archived topic
Site Header-Tagline editing/formatting possibilities
7 replies · Started by jacek_d on April 20, 2020
Hi,
I am new to GP Theme. I am trying to built web site with Artisan template. Looking for some directions how to:
1. Make site tagline text in italic style.
2. Align site tagline text to the right having site header aligned to the left and vice versa.
I think, I can manage with padding of site header and site tagline.
Thank you in advance.
Hi there,
Try this CSS:
.site-description {
font-style: italic;
}
.site-branding {
display: flex;
align-items: center;
justify-content: space-between;
}Let me know :)
Hi Tom,
Section .site-description working fine for me. Thank you.
Your proposal with .site-branding sets Header on left but in two lines like a 'block'. Tagline sets on the right in in two lines as well. I guessing because I have a quite long text/content in site header and tagline.
My intention is to keep Header in one line on left and above of Tagline which suppose to be in one line but on right and below Header.
I have a few questions below.
Before I asked for help on GP Forum I used Theme Editor to localize the .site-description.
I added line 1045 like font-style: italic;. File has been successfully updated but I could not see expected results. After I used Simple CSS plugin and... tagline text become italic.
My questions:
1. What I did wrong using WordPress Theme Editor?
2. To which part of Theme css, corrections made by Simple CSS plugin, are going to?
3. I could not localize .site-branding using Theme Editor. Can give some directions to localize it?
That's all at the moment.
Kind Regards
Hi there,
can you provide a link to your Site so we can see the issue with the .site-branding
In regards to the Theme Editor - you should never edit the Theme files as any changes will be lost when the theme is updated.
If you don't want to use Simple CSS or the Customizer > Additional CSS then you can install a child theme:
Hi David,
Understood about using WP Theme Editor. Thank you.
My site is not published yet. It's in Polish language and under construction.
https://modelarstwo-rc.home.pl/wordpress_1
Site Tagline is in italic style - with your help. I did not apply .site-branding.
Try adding this CSS:
.site-branding {
display: inline-flex;
flex-direction: column;
}
.site-description {
font-style: italic;
align-self: flex-end;
}David / Tom, you are great! Your proposals are working fine for me.
Your support is very quick and going to the point. All sorted.
Many Thanks!
Glad we could be of help
