Henson template. Add another line of text, with different size and font, to the title at the home index page.

Site URL: https://www.marta-guerrero.com/

Hi there, 

I am looking into adding a subheading underneath the title on the Henson template, that has different size and color. Perhaps, I am not sure yet, it can be a line that has same fonts and size than Headings, 1, 2, or 3 of the website. 

Would this be possible to do? 
Many thanks

Marta 

I include a screenshoot. Maybe, I would like to justify this subheading on the right side. 

Many thanks for your help. 

Try this CSS

body.homepage div#collectionDesc p:first-child:after {
    content: "sub";
    font-size: 20px;
    display: block;
    position: fixed;
    top: calc(~"50% + 10px");
    left: 50%;
    transform: translateX(-50%);
}

This was very helpful, Tuanphan.
I added a line to change the colour and it all works. 
Many thanks for this. 

Marta 

On 1/29/2022 at 6:47 PM, tuanphan said:

Try this CSS

body.homepage div#collectionDesc p:first-child:after {
    content: "sub";
    font-size: 20px;
    display: block;
    position: fixed;
    top: calc(~"50% + 10px");
    left: 50%;
    transform: translateX(-50%);
}

 

Thanks tuanphan, is there a way this could be centered between the links below and the title?

It breaks when I have it in mobile view.

kpotterdesign.com

pw:asdf1234

6 hours ago, 860kp said:

Thanks tuanphan, is there a way this could be centered between the links below and the title?

It breaks when I have it in mobile view.

kpotterdesign.com

pw:asdf1234

 

 

 

It looks like you solved with position fixed?