Jump to content

Aligning title on individual product page - Bedford/Hayde?

Recommended Posts

  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

9 minutes ago, malug said:

Site URL: https://www.malugarcia.com/shop/tennis-i-limited-edition

Hi! How can I adjust and space out (with padding) my product title on individual pages for mobile? I want it centered with some breathing room. Thanks!

Screen Shot 2021-11-17 at 9.02.47 AM.png

Is it the result you want to achieve?

image.png.2e486cbd85e2c72f035341fae60eb5e5.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
12 minutes ago, bangank36 said:

Is it the result you want to achieve?

image.png.2e486cbd85e2c72f035341fae60eb5e5.png

hi there! yes this is what i am looking for, thank you... however with some padding between the bottom of the title and the image. on that note, is there a way to also center the image previews?

Link to comment
12 minutes ago, malug said:

hi there! yes this is what i am looking for, thank you... however with some padding between the bottom of the title and the image. on that note, is there a way to also center the image previews?

Try in Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #productSummary .product-title.mobile {
    text-align: center;
    margin-bottom: 20px;
  }

  #productGallery #productThumbnails {
    display: flex;
    justify-content: center;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing result

image.png.5db27df1a2d9721a9ccd054e3abb4865.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
2 hours ago, malug said:

As well as remove the share button at the bottom of "Add to Cart"

Add this to Custom Css to remove the share button

#productSummary .product-sharing {
  display: none;
}

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
3 hours ago, malug said:

Worked great, thank you!! 😀

Is there a way to edit the text that says "BACK TO THE SHOP" ? Would just like for it to say "BACK"

Adding to Home > Settings > Advanced > Code Injection, choose footer

<script>
  (function() {
    document.addEventListener('DOMContentLoaded', () => {
      document.querySelector('#productWrapper #productNav a').innerHTML = `
        <span class="back-arrow">←</span> BACK
      `;
    })
  })()
</script>

Let me know how it works on your site

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.