Reduce spacing between title and carousel

Site URL: https://hexaflexagon-beagle-y2r2.squarespace.com

Hi @tuanphan

I have a huge space between the title and temoignage carousel that I would like to reduce on mobile version.

Can you help me ?

Thank you !

Here is the code :

//Témoignages - Game Changer//
section[data-section-id="61bc5a05a27d2613355219a5"]{
  .user-items-list .list-section-title p {
font-family: ivypresto-display, serif!important;
font-weight: 100;
font-style: normal;  
text-transform: uppercase;
  }}
.user-items-list-item-container[data-section-id="61bc5a05a27d2613355219a5"] .list-item-content__title{
  font-family: roc-grotesk-wide,sans-serif;
  font-weight: 400;
  font-style: normal;  
text-transform: uppercase;
  font-size: 20px!important;
  color: #684B51!important
}
.user-items-list-item-container[data-section-id="61bc5a05a27d2613355219a5"] .list-item-content__description{
  font-size: 16px!important;
}
section[data-section-id="61bc5a05a27d2613355219a5"]{.list-section-button{
  font-family: roc-grotesk-wide,sans-serif;
  text-transform: uppercase;
   font-size: 15px;
   line-height: 22px;
  background: #684B51
  }}
section[data-section-id="61bc5a05a27d2613355219a5"]{.user-items-list-banner-slideshow__arrow-icon-background-area{
  background: #684B51!important;
  opacity: 1!important
    
  }}
section[data-section-id="61bc5a05a27d2613355219a5"]{.user-items-list:hover .user-items-list-banner-slideshow__arrow-button{
  opacity: 80%!important
    
  }}

https://hexaflexagon-beagle-y2r2.squarespace.com/game-changer

Pass : Jennifer

12 hours ago, Esoes_design said:

Site URL: https://hexaflexagon-beagle-y2r2.squarespace.com

Hi @tuanphan

 

I have a huge space between the title and temoignage carousel that I would like to reduce on mobile version.

Can you help me ?

Thank you !

Here is the code :

//Témoignages - Game Changer//
section[data-section-id="61bc5a05a27d2613355219a5"]{
  .user-items-list .list-section-title p {
font-family: ivypresto-display, serif!important;
font-weight: 100;
font-style: normal;  
text-transform: uppercase;
  }}
.user-items-list-item-container[data-section-id="61bc5a05a27d2613355219a5"] .list-item-content__title{
  font-family: roc-grotesk-wide,sans-serif;
  font-weight: 400;
  font-style: normal;  
text-transform: uppercase;
  font-size: 20px!important;
  color: #684B51!important
}
.user-items-list-item-container[data-section-id="61bc5a05a27d2613355219a5"] .list-item-content__description{
  font-size: 16px!important;
}
section[data-section-id="61bc5a05a27d2613355219a5"]{.list-section-button{
  font-family: roc-grotesk-wide,sans-serif;
  text-transform: uppercase;
   font-size: 15px;
   line-height: 22px;
  background: #684B51
  }}
section[data-section-id="61bc5a05a27d2613355219a5"]{.user-items-list-banner-slideshow__arrow-icon-background-area{
  background: #684B51!important;
  opacity: 1!important
    
  }}
section[data-section-id="61bc5a05a27d2613355219a5"]{.user-items-list:hover .user-items-list-banner-slideshow__arrow-button{
  opacity: 80%!important
    
  }}

 

https://hexaflexagon-beagle-y2r2.squarespace.com/game-changer

Pass : Jennifer

 

Try adding to Home > Design > Custom Css

section[data-section-id="61bc5a05a27d2613355219a5"] {
	.list-section-title {
		padding-bottom: 0 !important;
	}
	.slide-content.list-item-card-background {
		margin-top: 0;
	}
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Hi there @Beyondspace I am trying to accomplish something similar and was wondering if this code snippet could be adapted. I am trying to add some padding between the title of the carousel and the images, they're sitting very close together despite type size. I am using the below code to adjust the heading font. Any input would be much appreciated, thanks!

//Summary Carousel Titles//
.sqs-block-summary-v2 {
.summary-title,
.summary-heading {
font-family: LS Medium;
font-weight: 600;
font-size:20px !important;
color: #000000;
text-transform: UP;
font-style: medium; 
} }

url: https://www.mwlit.com/illustration pw:(spacebar)

On 3/20/2023 at 11:32 PM, nmbenson1 said:

Hi there I am trying to accomplish something similar and was wondering if this code snippet could be adapted. I am trying to add some padding between the title of the carousel and the images, they're sitting very close together despite type size. I am using the below code to adjust the heading font. Any input would be much appreciated, thanks!

//Summary Carousel Titles//
.sqs-block-summary-v2 {
.summary-title,
.summary-heading {
font-family: LS Medium;
font-weight: 600;
font-size:20px !important;
color: #000000;
text-transform: UP;
font-style: medium; 
} }

url: https://www.mwlit.com/illustration pw:(spacebar)

Password is incorrect. Can you check it again?