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

Leaderboard


Popular Content

Showing content with the highest reputation on 06/29/2020 in all areas

  1. 1 point
    rwp

    Mobile Background Size

    <style> @media only screen and (max-width: 600px) { .section-background { background-color: black !important; } .section-background img { height: 50vh !important; margin-top: 25vh; } } </style> Put this in the code injection for the page you want it to work on.
  2. 1 point
    aynaalondon

    Resize Gallery for Mobile

    Perfect! This worked - thank you so much! πŸ™‚
  3. 1 point
    rwp

    Resize Gallery for Mobile

    .gallery-grid-wrapper { grid-template-columns: repeat(3, 1fr) !important; }
  4. 1 point
    Hi, No. I added through code block in each individual page. I think I see the solution. If I add it in custom code it should apply automatically to new pages right? Thank you!
  5. 1 point
    Anette

    Link in a code block

    Thank you! πŸ˜ƒ
  6. 1 point
    tuanphan

    How to use 2 different fonts in banner

    If you can make this text italic, then i can give the code to set font + remove italic HERZEN
  7. 1 point
    @bangank36 You're amazing! Thank you!! ☺️
  8. 1 point
    Hi, Did you add the script into individual pages in the main navigation Advanced->Custom Code
  9. 1 point
    paul2009

    letter superscript

    No worries. You can add some styles to Design > Custom CSS. For example, the "Zebra.." heading is a 'h3' heading that would normally follow a paragraph 'p'. By adding the CSS below, you could choose how much margin should be above each h3 heading. You can adjust 47-pixels to match your needs: .sqs-block-markdown p+h3 { margin-top: 47px; }
  10. 1 point
    tuanphan

    Save image

    Try this guide.
  11. 1 point
    Try adidng this code to Home > Design > Custom CSS html, body {overflow-x: hidden;}
  12. 1 point
    rwp

    Blur Gradient??

    Yes, the code is correct now, but keep in mind, backdrop-filter will not work in firefox and I don't know if its fully supported in all mobile browsers. As far as applying a gradient to a blur, I am not sure if that's possible or not.
  13. 1 point
    tuanphan

    Lightbox captions only?

    Enable Caption first, then add this to Home > Settings > Advanced > Code Injection > Header <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('gallery-grid-item'); var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item'); var countGalleryItem = itemGallery.length; for(var i = 0; i < countGalleryItem; i++){ if(itemGallery[i].getElementsByTagName('p').length != 0){ var text = itemGallery[i].getElementsByTagName('p')[0].textContent; var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0]; itemNeedCaption.appendChild(createNodeCaption(text)); } } }); </script> <style> figcaption.gallery-caption.gallery-caption-grid-simple { display: none; } .style-gallery-lightbox-text { padding: 10px 0px 25px 0px; display: block; position: absolute; left: 50%; top: 90%; width: 100%; transform: translate(-50%, -50%); font-size: .3em text-align: left; } .style-gallery-lightbox-text p { width: 90%; padding: 10px 15px; margin: auto; color: white; background-color: rgba(0,0,0,0.5); } @media screen and (max-width:767px) { .style-gallery-lightbox-text { top: 70%; } } </style> Code from another member on Forum.
  14. 1 point
    veganedge

    How to add category to breadcrumbs?

    I would also love to be able to do this and haven't found anything just yet. I'm not sure why it's not built in, as a customer all you can do is go back to main page of shop? Should be: Shop>Category>Item
  15. 1 point
    JesperOlofH

    Klarna payment integration

    Hi, Nothing new about the Klarna-integration? It is 2020 and still nothing... Best regards, Jesper
  16. 1 point
    paul2009

    letter superscript

    @hanna38 It will depend where you want to use this, for example in the body text or a header. In the body text, you can use a Markdown Block instead of a Text Block and then insert this: <p>Mag.<sup>a</sup></p> If you need it as a H1 Header, you'd use this instead: # Mag.<sup>a</sup> If you need more help, please provide a working link to the page in your question. If your site isn't live yet, please set a site password and tell us what it is. Let me know how you get on. -Paul
  17. 1 point
    tuanphan

    Responsive Filterable Gallery

    I'm testing & writing, but I have this problem. What do you think? My intention is to create a page like this, you will see the categories All Branding, Creative ... Click on each category, it will filter out the corresponding portfolios And this is my original intention. Create Portfolio pages, and change sub-pages according to a special structure. Then create Filterable Portfolio Page, use Summary Block + Code to connect sub-pages in Portfolio Pages. However, I have discovered that Summary Block does not allow displaying porfolios from Portfolio pages :( And here are 2 ways to solve this problem. what do you think? W1. Still create portfolio pages, with sub-pages using special url structure. Then create a Filterable Page, use the Gallery Block/Section, add images, and insert links to the corresponding portfolios of Portfolio Pages. pros is that you can use the default styles of Portfolios W2. Create Blog Page (with Blog page = Portfolio Page, Blog Posts = Portfolios). Then create a Filterable Page (Portfolio Page), use the Gallery Block/Section to connect to the posts in the created blog page. pros is that you can use tags, categories
  18. 1 point
    tuanphan

    Responsive Filterable Gallery

    Interesting Topic. I will write a guide this week.
  19. 1 point
    I'm surprised there aren't more people interested in this question? Is everyone just going with the default "Complete Your Order" button? Would love for someone to fill us in. Thanks!
  20. 1 point
    peterjames

    Does squarespace compress images?

    SquareSpace does actually compress images (At least in 7.1 they do). I always wondered how they handled images and finally did some tests. The images uploaded are certainly compressed in 7.1 and the compression is quite good.
  21. 1 point
    philip_pape

    Can I use Font Awesome?

    Note that for newer versions of the FontAwesome CDN, the format is: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" integrity="sha384-REHJTs1r2ErKBuJB0fCK99gCYsVjwxHrSU0N7I1zl9vZbggVJXRMsv/sLlOAGb4M" crossorigin="anonymous">
This leaderboard is set to New York/GMT-04:00
Γ—
Γ—
  • Create New...