Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


sonjacorbett

Question

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;
  z-index:2;}
 

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...