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

Question

Site URL: https://finch-tan-bd4p.squarespace.com/

Hi,

Website I'm working on: https://finch-tan-bd4p.squarespace.com/

Password: serene

 

I managed to have the arrows for a summary carousel to be on either side at the top.

But I would like it to be on the side of the words instead of the top, without it overlapping the text. 

I've attached photos of what I wish to achieve.

this is the code I achieved the arrows being on their side at the top:

2133185758_ScreenShot2020-02-17at1_47_12pm.thumb.png.efdea96b53111633e1fce228e4cf2b58.png

 

But this is what currently happens when I put it a bit lower:

273961083_ScreenShot2020-02-17at1_52_24pm.png.4b520da6481785ab20d8ff0f1854c94f.png

 

 

This is what it currently looks like: 

1767683159_ScreenShot2020-02-17at1_46_23pm.thumb.png.2ec767e06dbca649d77fad1b8d260168.png

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Keep above code, and add below code

div#block-yui_3_17_2_1_1581904334073_30906 {
    position: relative;
}
.summary-carousel-pager .next {
    position: absolute !important;
    left: inherit !important;
    right: 5% !important;
    top: 1px !important;
}
.summary-carousel-pager .previous {
    position: absolute !important;
    left: 5% !important;
    right: inherit !important;
    top: 1px !important;
}

 

Edited by tuanphan

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

@tuanphan oh I added what you said, and changed it up a bit so the arrows go lower:

1811568925_ScreenShot2020-02-17at3_15_13pm.thumb.png.7fb5c258d4d16078f60b818979c585af.png

 

But it's still the same:

412123238_ScreenShot2020-02-17at3_14_05pm.thumb.png.7c97cf08b6d58138e659dad6bdccfab9.png

 

Sorry sometimes I'm very bad at explaining things 😅

But basically I want the arrows not to overlap the testimonial section.

I've tried adding this code to force it to be between the two arrows:

.summary-exerpt {width: 50%;}

but it ends up looking like this:

1381211364_ScreenShot2020-02-17at3_13_03pm.thumb.png.c6bd3378d1dfebb3ea22fefcf73f05fe.png

thanks so much for your help so far!!

Share this post


Link to post
  • 0
8 hours ago, wholeheartcreative said:

@tuanphan oh I added what you said, and changed it up a bit so the arrows go lower:

 

But it's still the same

 

Sorry sometimes I'm very bad at explaining things 😅

But basically I want the arrows not to overlap the testimonial section.

I've tried adding this code to force it to be between the two arrows:

.summary-exerpt {width: 50%;}

but it ends up looking like this:

thanks so much for your help so far!!

top: 1px

not 45%

Edited by tuanphan
shorten comment

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...