Jump to content

Transforming Summary Header to Vertical - but stuck with it overlapping the carousel.

Recommended Posts

Site URL: https://sunfish-rhombus-fze9.squarespace.com/

Hi there,

I am trying to make the Summary Header vertical (which I have succeeded at) but now I am stuck with it covering the carousel. 

Screen shot below + code I have inserted. Any suggestions? 


.sqs-block-summary-v2 .summary-heading {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  position: absolute;

I tried this the below, but it's not quite the solution I am after as it adds margin to each item rather than the whole carouse. 

#yui_3_17_2_1_1614023747634_337 .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item:not(.positioned) {margin-left: 30px !important;}

Any guidance would be much appreciated! 


Thank you 

Screen Shot 2021-02-22 at 5.11.21 PM.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.