Jump to content

Help, Adding Subtitle to Portfolio Project Title won't work!

Go to solution Solved by tuanphan,

Recommended Posts

Hi!

 

I've been triying to add a subtitle to my portfolio projects in my main page ( https://gerbil-asparagus-8lxp.squarespace.com/ , Pass. Goodmorning) But I have been not able to do it (the only solution I found was using the <Span> in the main title but I cant choose the font size of the second line ( And I will preffer to do add it with Css in order to keep clean the title.)).

Also I have tried this code I found but didnt work at all.

----------------------

/* Add subtitle */

.portfolio-hover-items {

    display: block;

}

a.portfolio-hover-item [href="/autograph-collection/aroma-aliksir"] h3:after {

    content: "subtitle 01";

}

/* Add subtitle */

.portfolio-hover-items {

    display: block;

}

a.portfolio-hover-item [href="/autograph-collection/aroma-aliksir"] h3:after {

    content: "subtitle 01";

}

----------------

Any help will be greatly appreciated!

 

Thank you!

Link to comment
  • Replies 6
  • Views 342
  • Created
  • Last Reply

Top Posters In This Topic

On 5/2/2024 at 2:23 AM, tuanphan said:

Use this CSS code instead

a.portfolio-hover-item[href="/autograph-collection/aroma-aliksir"] span:after {
    content: "subtitle 01";
    display: block;
    font-size: 14px;
}

 

Thank you @tuanphan It does work! but It creates one more issue, as now the portfolio titles are not correctly aligned, they are centered more to the right.

And the subtitles I cant center them to the title neither.

Link to comment
On 5/7/2024 at 12:34 PM, ECZ said:

Thank you @tuanphan It does work! but It creates one more issue, as now the portfolio titles are not correctly aligned, they are centered more to the right.

And the subtitles I cant center them to the title neither.

Add this code under

span.portfolio-hover-item-content {
    display: inline-block !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
11 hours ago, tuanphan said:

Add this code under

span.portfolio-hover-item-content {
    display: inline-block !important;
}

 

Hi @tuanphan Its not working, it only puts the subtitle and the title in the same line.

Actually I realize that adding " text-align:center " it does centers the subtitle but the main titles are the ones that are not aligned, they are moved to the right, does are the ones I need to be centered as the subtitle are now.

 

The titles not centered & moved to the right happened when I added the code for the subtitles.

Link to comment
On 5/11/2024 at 9:30 PM, tuanphan said:

I just tested & it still works here. Can you add & keep the code in CSS box? I can check again easier

image.thumb.png.de4db5439c7a8600157d47b0d70a75c6.png

You are absolutly right @tuanphan! Thank you for your assistance! I was doing it wrong. Thank you again!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.