tagline settings: how to put below Title? other related settings. Shapely child

Shapely
1

Hi!
I am a newbie with wp. seo, css and so on. I hope you can help me to restyle my website. (child theme from Shapely)
I see that the tagline is located directly after the title on the same line:

  • how can I do to have it on another line under the title and align them to the left?
  • so I need to adjust the space between the two lines
  • and the font size/color of the title and the tagline
  • may I keep the menu aligned with the title?
  • finally, I would like the tagline not to change color on mouse over.
    the site is under construction
    http://www.mostrailtuobusiness.it/fmol_prova/

Just to explain, I would like to do title/tagline/menu quietly similar to my old site (Lensa theme)

Thank you a lot for any help!!

2

Hi there

Hope you are having a good day and thank you for your question
add this CSS in appearance > customize > additional CSS:

span.site-tagline {
position: absolute;
top: 23px;
color: black;
font-size: 20px;
}

You can change values in this css code

Thanks!
Colorlib Support Team

3

Hi Noda!
thanks a lot! this works good on chrome… but I see in Safari and Firefox the tagline is aligned center. I tried to add
text-align: left;
inside your css code but this seems to have no effect

4

Good evening

Can you provide a screenshot? i just checked it and its normal for me in FF,
Make sure cache is cleared from browser

5

Hi!
so, safari runs on MacBook, cache is clear.
Firefox runs on windows, no cahe.
Chrome runs correctly on Mac and Windows

Thank you for your helpful support!

6

Good morning

Ok, let’s update your CSS little bit:

span.site-tagline {
position: absolute;
top: 23px;
text-align: left;
color: #000;
font-size: 20px;
font-weight: 500;
left: 30px;
}

7

works good!
thanks a lot!!
all the best!!!

8

If you’re happy with our service, don’t forget to rate us: [Illdy] Reviews | WordPress.org