Jump to content

KwameAndCo

Circle Community Leaders
 View Profile  See their activity

  • Posts

    1,615

  • Joined

  • Last visited

  • Days Won

    19

KwameAndCo last won the day on April 6

KwameAndCo had the most liked content!

20 Followers

See all followers

About KwameAndCo

Personal Information

Recent Profile Visitors

8,162 profile views

KwameAndCo's Achievements

Level 13

Level 13 (13/20)

  • Daily Visitor Rare
  • Square One Rare
  • Helping Hand Rare
  • Circle Community Client Advocate Rare
  • Circle Community Coding Pro Rare

Recent Badges

1.7k

Reputation

19

Community Answers

  1. KwameAndCo
    Link to the site.
  2. KwameAndCo
    You can use body#collection-65f30f29d85f6f55dab01008 .header-nav-item:nth-of-type( 3 ), body#collection-65f30f29d85f6f55dab01008 .header-menu-nav-item:nth-of-type( 3 ) { display: none; }
  3. KwameAndCo
    Very bizzarre. Try .gallery-caption p.gallery-caption-content { font-size: 1rem !important; }
  4. KwameAndCo
    As always, link to the website. Have you tried adjusting the height of the navbar? You can also use: /*reduce header padding*/ .header-announcement-bar-wrapper { padding-block:0!important; // adjust this value }
  5. KwameAndCo
    I would simplify: h3.portfolio-title { display: flex; gap: .5rem; } Adjust the gap as you see fit.
  6. KwameAndCo
    Seems like you've solved it using an ::after element? You may wish to consider automating the numbering fo make it a bit more future proof. Saves you CSS and doesn't break if you change the link like you curently have it - so much less maintenance. I think I wrote a snippet for it previously that I was going to put up for free on my plugin store. Shall I tag you if I find it?
  7. KwameAndCo
    This would require javascript as it is not possible with pure CSS unless you wish to manually re-add. That would also not be accessible. I might have a plugin I've created for this somewhere lying around in but it would definitely require javascript.
  8. KwameAndCo
    Ah I thought you'd have a media query already. /*Squareskills - Mobile Slideshow Caption*/ @media (min-width: YOURBREAKPOINT) { #YourSectionID { li.slide.list-item { flex-direction: column; } .slide-media-container { position: relative!important; height: auto!important; aspect-ratio: 3 / 2; //select your own Aspect Ratio here } .slide-content.list-item-card-background.list-item-rich-animation { margin: 0!important; position: relative; width: 100%!important; flex: 1; //remove if you don't want full-height captions } .list-item-content__description p { font-size: YOURSIZE; //set your font size } } } I can't see the page anymore but you can just target the text with that last selector. You might need to use !important.
  9. KwameAndCo
    You're going to struggle a bit due to the very different lengths of the testimonials, so you'll need to consider tweaking based on that. Anyway, this will create a layout where the image is stacked on /*Squareskills - Mobile Slideshow Caption*/ #YourSectionID { li.slide.list-item { flex-direction: column; } .slide-media-container { position: relative!important; height: auto!important; aspect-ratio: 3 / 2; //select your own Aspect Ratio here } .slide-content.list-item-card-background.list-item-rich-animation { margin: 0!important; position: relative; width: 100%!important; flex: 1; //remove if you don't want full-height captions } } However, if you try to ensure all images have the same aspect ratio you'll get this (excuse the poor cropping) where there is empty space. You can use the "flex: 1" to turn that section blue (in your case) but it'll still be empty space to consider.
  10. KwameAndCo
    As alway, you need to share a link to the page in question.
  11. KwameAndCo
    Here /*Squareskills - Summay Block Hover Titles*/ //target page #collection-5cbc83a4419202c35e7506e7 { .summary-title { position: absolute; inset: 0; z-index: 999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity .3s ease; //adjust timing to your liking } summary-item:hover .summary-title { opacity: 1; } } I included a transition to fade the text in/out to avoid jerkiness. Note: To avoid this being site wide I've targeted only the page you would like. You can alternatively target other pages via their collection ID or target specific summary blocks with their block ID.
  12. KwameAndCo
    Link to the website please. You're going to need some javascript as well as CSS here, so hopefully you're on a business plan. But link the site and tag me and I can help.
  13. KwameAndCo
    You'll need to share the website for us to take a look.
  14. KwameAndCo
    If you need help, you need to link us to the site.
  15. KwameAndCo
    This lol.
×
×
  • 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