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

vanille

Member
  • Content Count

    8
  • Joined

  • Last visited

  1. Site URL: https://shallot-broccoli-8bm7.squarespace.com/ Hello, i have a crazy idea of reproducing this image as my front page website . I'd like to make each element interactive on hover... however i am finding it difficult to place the elements where I want and the size i want ... Does anyone have any advice to give me ? #block-yui_3_17_2_1_1600370552899_27724 {margin-left:-150px; margin-top:-100px } I'm using this but its not really letting me choose the size of the image ? Also i want to logo to stay fix at a minimum size ? is that possible ? Thank you Vanille https://shallot-broccoli-8bm7.squarespace.com/
  2. Site URL: https://indigo-bluebird-lpms.squarespace.com/ Hello, my navigation seems to stack when its on ipad mode, is there a way to make the navigation font size change, or for the mobile navigation to be activated once it needs to stack ? Thank you for your time, vanille
  3. Site URL: https://indigo-bluebird-lpms.squarespace.com/ Hello, I have been struggling for three days on a problem that I am sure is so simple, that it's so frustrating. Could someone enlighten me on this problem? I want to make make my summary block and my image buttons have an overflow: visible . #block-yui_3_17_2_1_1599925188392_12878{.sqs-block-content {overflow-x: visible}} <------- I tried this to remove the margin from the specific image #nos-produits .index-page {overflow:visible !important} #block-yui_3_17_2_1_1599925188392_12878{.sqs-block-content {overflow-x: visible}} #block-yui_3_17_2_1_1599925188392_12878 {.element.style{overflow:visible}} . <------ I tried this as a desperate attempt to remove the margin of the whole page I did a couple of courses online to understand how to select the right selector however I feel like im turning in circles now and i need help. If someone could help me out that would be fantastic . Vanille
  4. Thank you so much @rwp its working and its fantastic! Do you have any insights on how to make the poster image to go full bleed by any chance ? I used this code but again no chance... #block-yui_3_17_2_1_1599925188392_12878{.sqs-block image-block sqs-block-image sqs-text-ready {overflow:visible;}}
  5. .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip.animation-loaded .image-inset {border-top-left-radius: 20%; -moz-border-radius-topleft: 40%; -webkit-border-top-left-radius: 40%; border-top-right-radius: 40%; -moz-border-radius-topright: 40%; -webkit-border-top-right-radius: 40%; } @rwp I have followed your advice, however since i am new at this I feel like i am not choosing the right div class... I used this and it worked for one poster image on the site ( you have no idea how happy i got) , however I added another poster image and it screwed up everything... I'm back to square one... Is there a way to assign the code to all the poster images on the index page ? I tried using this but that didn't work either ... sqs-block-image .design-layout-poster { border-top-left-radius: 40%; -moz-border-radius-topleft: 40%; -webkit-border-top-left-radius: 40%; border-top-right-radius: 40%; -moz-border-radius-topright: 40%; -webkit-border-top-right-radius: 40%; } I beg you help... ps: my website is now unlocked Vanille
  6. Hello @tuanphan i have removed the password of my website , it should work... Sorry about that.
  7. Site URL: https://indigo-bluebird-lpms.squarespace.com/ Hello, I am trying to make my poster images ( which I made into buttons ) to have a full bleed width - so that it doesn't respect the site width maximum I set for the content. I also have a particular shape which i'd like to apply to my poster images. I thought originally i could just upload them in the shape I wanted as a .png, however I have added a transformation when we hover on the images, where the image scale gets bigger. This causes a problem as when that happens we see the rectangular image block border ... I'm not sure how to add resolve this problem, if i need to use clip path or use border-radius-top-left? I tried both, but can't seem to make it work... my password code to enter the site is :1234567890 If someone has any insights for any of these issues i'm all ears !! Thank you Vanille Van Der Cam code: /**les bouttons**/ .sqs-block-image .design-layout-poster:hover img{ transform: scale(1.1); transition: .4s ease-in-out;} .sqs-block-image .design-layout-poster img{ transform: scale(1); transition: .4s ease-in-out; } .design-layout-poster:hover .image-card-wrapper { visibility:visible; opacity: 1; } /**gallery buttons padding**/ #block-yui_3_17_2_1_1599925188392_12878{padding:0} #block-yui_3_17_2_1_1599925188392_15844{padding:0} #block-yui_3_17_2_1_1599925188392_53763{padding:0} #block-yui_3_17_2_1_1599925188392_91729 {padding:0} @tuanphan
  8. Site URL: https://www.lassiettestantoine.com Hello, I am struggling to change the colour of the play button on my audio block to a light blue ? And if in addition someone knows how to alter the padding of the audio block ? <-- the background colour is too big compare to the text. Thank you so much for your help
×
×
  • Create New...