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

bangank36

Circle Member
  • Posts

    4,497
  • Joined

  • Last visited

  • Days Won

    53

Community Answers

  1. bangank36's post in Is there a way I can remove the add to cart and pricing for specific products? was marked as the answer   
    Each product has it own unique id, you can get it using this extension
    https://chrome.google.com/webstore/detail/igjamfnifnkmecjidfbdipieoaeghcff
    and replace the value accordingly '#item-6010f5ab70cb081ca25f4541 '
    #item-6010f5ab70cb081ca25f4541 .sqs-add-to-cart-button-wrapper { display: none !important; } #item-6010f5ab70cb081ca25f4541 .product-price { display:none } #item-6010f5ab70cb081ca25f4541 .sqs-add-to-cart-button-inner { display:none }
  2. bangank36's post in How do I prevent Font Awesome icons from stacking on mobile was marked as the answer   
    Try this
    @media only screen and (max-width: 600px) { section[data-section-id="600f160f41a001013cdb30dc"] .col { width: 50% !important; float: left !important; } }
  3. bangank36's post in How can I reduce the size of an image on mobile/tablet only? was marked as the answer   
    Sorry, use this one
    @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1611587394882_12001 .sqs-block-image-figure { max-width:70% !important; } }  
  4. bangank36's post in How can I reduce the size of an image on mobile/tablet only? was marked as the answer   
    Like so?
    #block-26496aa931f544c2413d p { text-align: justify; }
  5. bangank36's post in change div order in mobile was marked as the answer   
    Add this to Design->Custom CSS
     
    @media only screen and (max-width: 768px) { #page-section-600c23504321966fc68baf1a > .row { flex-wrap: wrap; display: flex; } #page-section-600c23504321966fc68baf1a > .row .sqs-col-6:first-child { order: 3; } #page-section-600c23504321966fc68baf1a > .row .sqs-col-6:last-child { order: 1; width: 100% !important; } }  
  6. bangank36's post in Can i use a different logo on a different page? was marked as the answer   
    Add this to Design->Custom CSS
    #collection-5f66e551f6f62d6a787b0e5d .header-title-logo img { opacity: 0; } #collection-5f66e551f6f62d6a787b0e5d .header-title-logo a { background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png); background-repeat: no-repeat; background-size: 110%; } #collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo img { opacity: 0; } #collection-5f66e551f6f62d6a787b0e5d .header-mobile-logo a { background: url(https://static1.squarespace.com/static/5f5e76e6d641c0549865d4c0/t/600b8738c85a230cb4bce0d9/1611368248023/JADLOGO3-white.png); background-repeat: no-repeat; background-size: 110%; display: inline-block; }
  7. bangank36's post in Enlarge Reel Thumbnail Image on Mouse Hover was marked as the answer   
    It worked well in my screen, and it is different to your current code
    Projects — Navi Guerra and 6 more pages - Personal - Microsoft Edge Beta (gyazo.com)
  8. bangank36's post in Remove Underlines From Footer Links was marked as the answer   
    It was border bottom
    #footer .html-block a, #footer .html-block a:visited { border-bottom: none; }
  9. bangank36's post in Different dropdown background color for each navigation folder? was marked as the answer   
    You can take note of the folder slug url and use it to identify different folder, below code change color of the folder with url slug /abouts
    .header-nav-folder-title[href*="/abouts"] + .header-nav-folder-content { background-color: red !important; }
  10. bangank36's post in Reduce individual blog post width was marked as the answer   
    Each of the blog item has it own collection id, you can get it using this tool
    Squarespace ID Finder - Chrome Web Store (google.com)
    Then edit the max-width of it like so
    #item-5fb16614e44daa6be05199f7.tweak-site-width-option-constrained-width .Site { max-width: 980px }
  11. bangank36's post in Hover effect on index portfolio navigation (Squarespace 7.1) was marked as the answer   
    You can try this in design->Custom CSS
     
    .portfolio-hover-item { padding-right: 3.865rem; padding-left: 3.865rem; } .portfolio-hover-item .portfolio-hover-item-content { padding: 0 !important; } .portfolio-hover-item-title { display: inline-block; } .portfolio-hover-item-title::after { content: ''; display: block; width: 0; height: 2px; background: #fff; transition: width .3s; } .portfolio-hover-item-title:hover::after { width: 100%; } [data-collection-type="portfolio-index-background"].item-pagination { display: none; }
  12. bangank36's post in Resizing/shifting image for mobile was marked as the answer   
    Add this to Design->Custom CSS
    @media only screen and (max-width: 768px) { section[data-section-id="5f9d474211f67f690aa7722c"] { min-height: inherit !important; } [data-section-id="5f9d228a501b164da38d4f09"] .section-background img { object-position: 75% !important; } [data-section-id="5f9d228a501b164da38d4f09"] .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-display { height: 100vh; } }

  13. bangank36's post in Remove logo from header - injecting code didn't work! was marked as the answer   
    Add this to hide it
    .header-title-logo img { opacity: 0; } I also suggest you remove the white background in the logo
  14. bangank36's post in One page on mobile site where h1 runs off the page was marked as the answer   
    You may want to decrease the font for that specific block
    @media screen and (max-width: 640px) { #block-yui_3_17_2_1_1603340679467_9567 h1 { font-size: 35px; } }
  15. bangank36's post in How to change logo color or nav bar background color for blog posts only was marked as the answer   
    You can add this to Design->Custom Css
    [class*='collection-type-blog'] .header-title-logo img { filter: invert() }
  16. bangank36's post in How to hide product excerpts from product pages? was marked as the answer   
    You can hide it by custom css
    .view-item.collection-type-products .ProductItem-details-excerpt { display: none !important; }
  17. bangank36's post in HELP! Custom font for blog title was marked as the answer   
    Try this
    .blog-item-wrapper .blog-item-title h1.entry-title, .blog-masonry .blog-title { font-family: 'Mikela'; }  
  18. bangank36's post in Changing the Banner Text was marked as the answer   
    .sqs-featured-posts-gallery .gallery-wrapper .posts .post a, article header h1 a { letter-spacing: 0em; font-family: 'Black Diamond',raleway !important; }  
  19. bangank36's post in Change section background image on dark mode was marked as the answer   
    You got wrong id of the section, use this extension to find correct id
    Chrome Web Store - Extensions (google.com)
    @media (prefers-color-scheme: dark) { section[data-section-id="5f0cddf0784c68415c9814fb"] .section-background img { visibility: hidden; } /* set new image */ section[data-section-id="5f0cddf0784c68415c9814fb"] .section-background { background-image: url(https://static1.squarespace.com/static/5f0cd7575142de45f1d531a7/t/5feca8261d1415656f7995fb/1609345064730/WEBtransats_landingpage_night_123020.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } }
  20. bangank36's post in Folder Navigation and Styling Query was marked as the answer   
    I saw you got it covered, right?

  21. bangank36's post in Removing/Hiding Links in the Header? was marked as the answer   
    Kindly try this in Design->Custom CSS
    header a[href="/vision"], header a[href="/bio"], header a[href="/contact"]{ display: none; } .header-nav-item { margin-left: 0 !important; } .header-nav-item a { margin-left: 1.7vw !important; }
  22. bangank36's post in How can I change the Font Color in a Specific Block? was marked as the answer   
    You need to find the block id , like so, using this extension
    Squarespace ID Finder - Chrome Web Store (google.com)
    #block-bc173184b02f630b124b a { color: #6abd45 }
  23. bangank36's post in Is it possible to Hide an Entire Section from my Homepage and Unhide for later use? was marked as the answer   
    body:not(.sqs-edit-mode) section[data-section-id="5f8fea6196d2c93c2a238f81"] { display: none !important; visibility: hidden !important; opacity: 0 !important; } body.sqs-edit-mode section[data-section-id="5f8fea6196d2c93c2a238f81"] {opacity: 0.5 !important;}  
  24. bangank36's post in Can I make a Scrolling Marquee effect on one of my sections? was marked as the answer   
    Try this
    section[data-section-id="5f8fea6196d2c93c2a238f89"] .content-wrapper { position: relative; overflow: hidden; --offset: 20vw; --move-initial: calc(100%); --move-final: calc(-10%); } section[data-section-id="5f8fea6196d2c93c2a238f89"] .content { width: fit-content; display: flex; position: relative; transform: translate3d(var(--move-initial), 0, 0); animation: marquee 20s linear infinite; animation-play-state: running; } section[data-section-id="5f8fea6196d2c93c2a238f89"] .sqs-block-html { margin: 0 !important; padding: 0 !important; } @keyframes marquee { 0% { transform: translate3d(var(--move-initial), 0, 0); } 100% { transform: translate3d(var(--move-final), 0, 0); } } play this value to change speed

  25. bangank36's post in Show a page in navigation only on mobile (from folder) was marked as the answer   
    For example of your folder nav item url is /services
    .header-nav-folder-content a[href*="services"] { display: none; }  
×
×
  • Create New...