Adding/Styling tagline near the Site Header

Site URL: http://www.rare-fruit.com

Hello guys, 

I'm new to Squarespace and CSS. 

I'm having some trouble adding a tagline near my Site Title via Site Styles, and wonder if I need to inject CSS code to style it so the spacing is not awkward, and will be resized automatically on mobile, ipad? 

Would appreciate your help!  

Thanks, 

Charlotte

3 hours ago, charlottewang said:

Site URL: http://www.rare-fruit.com

Hello guys, 

I'm new to Squarespace and CSS. 

I'm having some trouble adding a tagline near my Site Title via Site Styles, and wonder if I need to inject CSS code to style it so the spacing is not awkward, and will be resized automatically on mobile, ipad? 

Would appreciate your help!  

Thanks, 

Charlotte

Do you mean the reducing the space of heading 'the focus and mood company.'?

You can try the following code to modify the spacing between letters

section[data-section-id="6269671f6024a56078d439b0"] h3{
  letter-spacing: 5px;
}

Thanks for your advice, Bangank36. I tried this but it did not change the two elements. Is it because the site header and the tag line are on separate sections? 

(I couldn't find the option to add tagline into the site title)

On 5/7/2022 at 3:29 PM, charlottewang said:

Thanks for your advice, Bangank36. I tried this but it did not change the two elements. Is it because the site header and the tag line are on separate sections? 

(I couldn't find the option to add tagline into the site title)

Try adding to Design > Custom CSS

a#site-title:after {
    content: "tagline";
    display: block;
    font-size: 20px;
}
a#site-title {
    line-height: 20px;
}