Jump to content

Targeted Summary Block Blog Excerpt Size / Colour Change

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.oneadvisory.london

Hi everyone,

I'd love some help with this if anyone can guide me please!

I have a summary block that shows blog posts in the Meet The Team Page on this website. I have targeted this specific block by using the #block-yui so that the Summary Title changes colour, which has worked brilliantly. I'm now trying to get the excerpt to both change colour and increase size, but nothing seems to work at all!

This is what I have used for the title, which works:

#block-yui_3_17_2_1_1648725292793_6916 a.summary-title-link {
    color: hsl(198, 46%, 44%) !important;

}
I have tried for the excerpt both:  


#block-yui_3_17_2_1_1648725292793_6916 
  summary-excerpt p {

color: hsl(198, 46%, 44%) !important;

font-size: 25px !important;
}

#block-yui_3_17_2_1_1648725292793_6916 
  a.summary-excerpt p {

color: hsl(198, 46%, 44%) !important;

font-size: 25px !important;
}

Please can someone point me in the right direction? I'm hoping it's something simple!

Thanks very much in advance,

Vicci

Screenshot 2022-07-18 at 07.46.51.png

Link to comment
  • Replies 4
  • Views 334
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
1 hour ago, viccismarshall said:

Hello!

Sorry - I have added to the last person in the summary block so you can see now.

Thank you so much for coming back to me!

Use this code

div#block-yui_3_17_2_1_1648725292793_6916 .summary-excerpt p {
    font-size: 30px;
    color: white;
}

 

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

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.