Jump to content

Shadmon

Circle Member
  • Posts

    232
  • Joined

  • Last visited

  • Days Won

    8

Community Answers

  1. Shadmon's post in How do you Center-Align the Mobile Store Page Layout? was marked as the answer   
    Hi, Sure you can do that. You can add this code to Website > Website Tools > Custom CSS

    @media only screen and (max-width: 767px) {
      .products .grid-item {
        width: 100% !important;
      }
    }

    Let me know if it works!
  2. Shadmon's post in Mobile Menu CSS Help was marked as the answer   
    Sure, you can use the squaresapce icon. Just replace the value on this code :
    Here is the dropdown icon code:

    .Mobile-overlay-nav-item--folder::after {
        content: '\00BB';
    }

    Here is the before icon code:

    .Mobile-overlay-folder-item--toggle::before {
        content: '\00AB';
    }

  3. Shadmon's post in How do I make my video full bleed without cropping the actual top of the video was marked as the answer   
    Please add this CSS to your website: You can add this code to Website > Website Tools > Custom CSS

    [data-section-id="662c41b962de8c5dc3b3d279"] .section-background {
        width: 100%;
        left: 0 !important;
        bottom: 0 !important;
    }
    Let me know if it works!
  4. Shadmon's post in Need Help Adjusting Video Banner Height for Mobile Viewing was marked as the answer   
    For fixing the height of your homepage video banner on mobile. Please add this CSS code.
    Website > Website Tools > Custom CSS.
     
    @media (max-width: 640px) { #home-top { min-height: 30vh !important; } #home-top .sqs-block-spacer { display: none; } }  
    Let me know if it works!
     
  5. Shadmon's post in Applying Black Overlay to Homepage Banner Image was marked as the answer   
    If you want to change the overlay color of the background image by CSS. Then here it is:

    [data-section-id="6545523923d13742e6e76fe4"] .section-background-overlay {
        background-color: #000;
    }

    But, I suggest you change the overlay color from (in Styles -> Color, and pick the relevant theme) as Ziggy mentioned.
    I hope it helps!
  6. Shadmon's post in Change colour of selected buttons was marked as the answer   
    Please add this CSS to your website: You can add this code to Website > Website Tools > Custom CSS

    .ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked + label {
        color: #fff !important;
    }
    Let me know if it works!
  7. Shadmon's post in Full width blog post image was marked as the answer   
    Hi, Thank you for letting me know. Please update this CSS line only :

    #article- {
        padding-top: 0;
        margin-top: -80px;
    }

    Let me know if it works !
  8. Shadmon's post in Slide In Image Removes Scroll Bar - Help! was marked as the answer   
    Hi @FTWSGEM
    The issue you're facing with the disappearing scrollbar stems from the overflow:hidden; rule applied to the body element within your CSS.
    So, Please remove this line from your CSS:

    body 
    {
      overflow:hidden;
    }
    It will fix your issue. Let me know if it works!
  9. Shadmon's post in Making Hamburger Menu Full Width on Mobile was marked as the answer   
    Here is the CSS code you can use. Website > Website Tools > Custom CSS.

    #sidecarNav {
        width: 100%;
        z-index: 9;
    }

    Let me know if works for you!
  10. Shadmon's post in Custom Hamburger - Change On Hover? was marked as the answer   
    @FTWSGEM Hi, You can add this CSS code. Just add your image there and it will show on hover.

    .burger-inner:hover::after {
        background-image: url(add your image url here);
    }
    Let me know if it helps!
  11. Shadmon's post in How to create horizontal timeline in Squarespace was marked as the answer   
    Hey, I have created a horizontal timeline plugin for Squarespace works on both versions (7.0 and 7.1) that you might find useful. It has two styles that you can see in the screenshots below. My plugin is fully compatible with Squarespace and you can customize every text and style from the editor.
     
    Squarespace Alternative Horizontal Timeline
     

     
    Squarespace Horizontal Timeline Plugin
     

     
    I hope this plugin can be a valuable resource for those looking to add a timeline to their Squarespace site. Please feel free to reach out if you have any questions or need further assistance.
     
×
×
  • 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.