Jump to content

Header Text In-Line with Title for Summary Carousel Block

By BrookeP, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

BrookeP Level 5

BrookeP

Posted
Posted

Hello, 

I am trying to customize the carousel summary block to display my client's featured galleries on her new website. 

https://www.tidasvy.com/new-home-page

I would like for the Header Text (featured work) to be in-line with the post title BELOW the image instead of above it with a border below it as shown in the example below. However, I am having trouble writing the correct CSS to achieve this look. 

This is what I'd like to achieve:

Screenshot2024-06-26at12_59_35PM.thumb.png.677b98337ffb2aa98a21eb2bb3013f74.png

 

This is what I currently have:
Screenshot2024-06-26at1_06_05PM.thumb.png.a4f63ff1fa612886108d2cb0ba065ab2.png

If anyone can assist I would truly appreciate your help!!! Thank you!!!

Brooke

Link to comment
  • Replies 3
  • Views 70
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

BrookeP
BrookeP

@Ziggy you legend. Worked perfectly - thanks a million!!!

Posted Images

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

The easiest way to achieve this would be to hide the title and add the text as a pseudo-element like this in CSS: 

// hide title
#block-yui_3_17_2_1_1719304445731_94358 .summary-heading {
  display:none;
}
// add text
#block-yui_3_17_2_1_1719304445731_94358 .summary-title:before {
  content: 'FEATURED WORK — ';
  font-family: 'Aktiv Grotesk';
  font-weight: 600;
  letter-spacing: .05em;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 14

Ziggy

Posted
Posted
26 minutes ago, BrookeP said:

@Ziggy you legend. Worked perfectly - thanks a million!!!

Haha no worries, glad to help!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources