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

bangank36

Circle Member
  • Posts

    4,545
  • Joined

  • Last visited

  • Days Won

    53

Community Answers

  1. bangank36's post in Remove extra blank space from bottom of my page was marked as the answer   
    it's the default min-height property
    section[data-section-id="60469a031da5a6022b7d183a"] { min-height: inherit !important; } section[data-section-id="60469a031da5a6022b7d183a"] .content-wrapper { padding-bottom: 4vw !important; }  
  2. bangank36's post in Add custom social icon instead of generic link for Bandcamp and Mixcloud was marked as the answer   
    try
    .header .icon { font-family: "Font Awesome 5 Brands"; color: #fff; } .icon[href*="mixcloud"] svg, .icon[href*="bandcamp"] svg{ display: none; } .icon[href*="mixcloud"]:before { content: "\f289"; } .icon[href*="bandcamp"]:before { content: "\f2d5"; }
  3. bangank36's post in Slideshow image captions cut off in mobile view, can't seem to adjust? was marked as the answer   
    try adjusting a bit
    @media only screen and (max-width: 640px) { .gallery-caption-wrapper { padding: 0 1em; box-sizing: border-box; } .gallery-reel-list, .gallery-caption-wrapper { overflow: visible; } }  
  4. bangank36's post in How do I keep page width the same on all pages in index page? was marked as the answer   
    If this helps

    .Intro-content .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Main:not(.Main--events-list):not(.Main--events-item):not(.Main--blog-list) .Main-content .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .tweak-blog-list-style-stacked .BlogList--posts-full .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Index-page .sqs-layout .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Footer-blocks--top .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .Footer-blocks--bottom .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram), .tweak-footer-layout-stacked .Footer-blocks--middle .sqs-col-12>.sqs-block:not(.float):not(.sqs-float-left):not(.sqs-float-right):not(.sqs-block-gallery):not(.sqs-block-image):not(.sqs-block-video):not(.sqs-block-map):not(.sqs-block-calendar):not(.sqs-block-menu):not(.sqs-block-tourdates):not(.sqs-block-summary-v2):not(.sqs-block-archive):not(.sqs-block-instagram) { width: 100%; }  
  5. bangank36's post in Newsletter & Form text squished on mobile was marked as the answer   
    try this custom css
    .newsletter-form .newsletter-form-header-description, .sqs-block-form .field-list .description{ line-height: inherit; }  
  6. bangank36's post in Contact form in footer, how to identify which page the form entry was completed on? was marked as the answer   
    1. You assign the name of the hidden field and choose edit to get its generated name for the form, in this case it is 'footer-pagepath' -> 'SQF_FOOTER_PAGEPATH' (make sure it is unique name)
    2. Add this snippet into settings->advanced->code injection->footer
    <script> document.addEventListener('DOMContentLoaded', function() {   if (document.querySelector('[name="SQF_FOOTER_PAGEPATH"]')) { document.querySelector('[name="SQF_FOOTER_PAGEPATH"]').value = location.pathname; } }); </script>  


  7. bangank36's post in Change text "Select" in product detail page was marked as the answer   
    Try this snippet instead
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".variant-select-wrapper select option").html(function() { return $(this).html().replace("Select", "Vælg"); }); $(".variant-select-wrapper").attr("data-text", function() { return $(this).attr("data-text").replace("Select", "Vælg"); }); }); </script>
    RobinJohannson sonny.annermo
  8. bangank36's post in Resizing Code Blocks for Mobile was marked as the answer   
    Try this custom css
    @media screen and (max-width: 767px) { #block-yui_3_17_2_1_1614718295210_14318 { width: 100% !important; padding: 0 !important; } #block-yui_3_17_2_1_1614718295210_14318 .sqs-block-content { width: 100%; padding-top: 56%; height: 0; } #block-yui_3_17_2_1_1614718295210_14318 .sqs-block-content iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; } }
  9. bangank36's post in Centre blog posts was marked as the answer   
    try
    .blog-item:last-child:nth-child(4n - 1) { grid-column-end: 0; } .blog-item:nth-last-child(2):nth-child(4n + 1) { grid-column-end: 3; }
  10. bangank36's post in Resizing images in footer section of the page for mobile was marked as the answer   
    try
    @media screen and (max-width: 767px) { #block-yui_3_17_2_1_1615665008737_3617 { max-width: 120px; margin: 0 auto; } footer .sqs-layout .sqs-row .sqs-block, footer .sqs-layout .sqs-row .sqs-block:first-child{ padding-bottom: 0 !important; } }
  11. bangank36's post in How can I remove padding above an image? was marked as the answer   
    try
    #block-64586b1b3f3f9f8e0a3c .sqs-block-image-figure { padding-top: 0; }  
  12. bangank36's post in How can I set the poster image to scroll on overflow text? was marked as the answer   
    try this
    .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper { overflow-y: auto !important; } .sqs-block-image .design-layout-poster .image-card-wrapper { align-items: flex-start !important; pointer-events: auto !important; padding-top: 1em; padding-bottom: 1em; }
  13. bangank36's post in Increase navigation width was marked as the answer   
    try
    .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 0 0 90%; }  
  14. bangank36's post in How can I remove left padding from my Image logo? was marked as the answer   
    try
    #block-yui_3_17_2_1_1614347327248_17359 .sqs-block-image-figure { padding-left: 0; }
  15. bangank36's post in Customizing commerce variant buttons was marked as the answer   
    You could try this css
    .collection-type-products .sqs-add-to-cart-button { min-width: 220px; box-sizing: border-box; } #productDetails .product-variants .variant-option select { padding: 1em 2.5em; min-width: 220px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .variant-select-wrapper { position: relative; } .variant-select-wrapper:after { content: ''; position: absolute; left: 190px; top: 1em; transform: rotate(45deg); border-bottom: 1px solid #767676; border-right: 1px solid #767676; height: 1em; width: 1em; transform-origin: top; pointer-events: none; font-size: 1em; }
  16. bangank36's post in Line spacing of FAQ page titles in mobile view was marked as the answer   
    try
    #block-yui_3_17_2_1_1615280959461_8042 h3 { line-height: inherit; }
  17. bangank36's post in How to create Portfolio with a different aspect ratio than other portfolios of the website was marked as the answer   
    try 
    #collection-6043dacb159ecb2375cc0f80 .portfolio-grid-overlay .grid-image, #collection-6043dacb159ecb2375cc0f80 .portfolio-grid-overlay .grid-item { padding-bottom: 56.25% !important; }
  18. bangank36's post in Adding text in the middle of an gallery block simple image was marked as the answer   
    Gallery support desciption in html
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6d/Windows_Settings_app_icon.png"/><h1>INCREASE INCOME</h1>
    Add this to custom css and modify as your need
    .gallery-grid-item { position: relative; } .gallery-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .gallery-caption-wrapper img { position: relative; width: 32px; margin: 0 auto; } .gallery-caption-wrapper h1 { text-align: center; font-size: 1em; margin-top: 10px; }  

  19. bangank36's post in How can I format the Mobile Menu Navigation to my it down? was marked as the answer   
    You can try this custom css
    .header-menu-nav-folder[data-folder="root"] { padding-top: 10vh; }  
  20. bangank36's post in Anchor link from one page to another was marked as the answer   
    have you try add the link as /about#anchor-section?
  21. bangank36's post in Removing fixed header from specific index pages? was marked as the answer   
    You can find the page id using this tool
    Chrome Web Store - Extensions (google.com)
    and replace the id accordingly in this snippet, then place it into Design->Custom css
    #collection-6036d9507948d340faa738f4 .show-on-scroll-wrapper #header { z-index: -1; }  
  22. bangank36's post in Remove button, header, menu and footer from one page. was marked as the answer   
    Just paste the snippet into Advance code injection of the webinar page. Head up: I forgot the <style> tag
    <style>
    footer, header, #block-f85cdbb04f7e74cfd6c0 .sqs-block-content p:nth-child(1), #block-7ab5e35fbc858f87de3f { display: none; } </style>
  23. bangank36's post in Hide a lightbox button? was marked as the answer   
    you can get the button block id to identify and hide it using custom css, install this extension
    Squarespace ID Finder - Chrome Web Store (google.com)
    #block-yui_3_17_2_1_1601603394773_64754 { display: none; }  
  24. bangank36's post in Site has huge blank space to the right was marked as the answer   
    Could you try this
    .header-menu .header-menu-nav-list { transform: translatey(0); overflow-x: hidden; width: 100vw; height: 100vh; } .header-menu-nav-folder:not(.header-menu-nav-folder--active) { opacity: 0 !important; visibility: hidden !important; }  
  25. bangank36's post in How to add coloured border to these specific text blocks was marked as the answer   
    You may want to try this
    border: 10px solid black; padding: 5px; /*To add more space vertically*/
×
×
  • Create New...