dwaynesmom

4 hours ago, Ziggy said:

Like this plugin offers?

https://www.ghostplugins.com/products/mood-board (referral)

I don't know of a free way to do this hence suggesting a paid plugin.

That worked perfectly! Thanks so much!

Hi! Odd question. I'm wondering if there is a way to make these .png images click+draggable by the user so the site visitor can move them around. I thought it would be a cute feature! I am familiar with the Javascript but that's not compatible with Squarespace.

Thank you!

Site is: paulamejia.com/home

50 minutes ago, melody495 said:

can you point me to the page that you want this image to go?

so sorry! yes. it's lamsa-bakaa.com/store. and yes where I have it mocked up is essentially where I want it placed! 

@melody495 ^ ❤️

On 11/22/2023 at 4:31 PM, melody495 said:

Hi @dwaynesmom, it's almost there in the header, what have you tried? Can you please share a link to your website?

Hey Melody. The website is lamsa-bekaa.com and the image I attached was just a mockup. I don't know how to get my circle png to float at the top of the page! Thanks for your help.

I'm trying to get this circle .png to float in the header of my site on just the store page. I cannot figure it out! Here is a mockup of the look I'm going for!

10 minutes ago, Web_Solutions said:

THIS WORKED! THANK YOU SO MUCH!  I tweaked the 4vw to 0 and it's PERFECT.

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media screen and (min-width: 576px) {
  .collection-type-products .post-type-store-item div.products.collection-content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 4vw !important;
  }
}

 

@creedon I'm using this code. Is there a different one? 

<style>

  .tweak-products-width-inset .products.collection-content-wrapper {

    --padding : 4vw;
    
    padding-bottom : var( --padding );
    padding-top : var( --padding );
    
    }
    
  </style>

@creedon Still doesn't effect that chunk of padding at the bottom...

@creedon Ah, sorry. I removed it because it wasn't working but just added back in!

@creedonThat doesn't seem to do it 😕  Not noticing any change with that code.

@creedon unfortunately that changes the margin for the entire site and I only need to adjust the bottom margin on the product pages. Is there a CSS for that?

Hi @creedon! Site is live at lamsa-bekaa.com but the issue is only on the store individual products page.

I have a landing page set up so just go to lamsa-bekaa.com/store to avoid it. 

There is a large gap and blank white space at the bottom of each of my product pages. How do I get rid of it?

18 hours ago, bangank36 said:

Let me know how it works on your site

Thank you so much. Unfortunately I don't notice any difference on my site. The custom cursor only shows up periodically. There doesn't seem to be much reason for it.

Site URL: http://juniorhighla.com

My custom cursor only shows up randomly. It flickers on and off. Any idea why?

Site: juniorhighla.com

Current code in Custom CSS:

body {
  margin: 0;
height: 100vh;
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto;
}

 a:hover{
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto;
}