Jump to content

Beyondspace

Circle Member
  • Posts

    10,641
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. Try <script> (function() { window.addEventListener('DOMContentLoaded', () => { const colorArray = ["#003D44", "#096570", "#164487", "#FFFF99", "#2252A0", "#72220D"]; const headerr = document.querySelector('.header-announcement-bar-wrapper'); if(headerr) { const colorRandom = Math.floor(Math.random() * colorArray.length); console.log(colorArray[colorRandom]); headerr.style.backgroundColor = colorArray[colorRandom]; } }); })() </script> Let me know how it works Support me by pressing đź‘Ť if this useful for you
  2. Kindly change from .header-nav-item:hover a { color: #f45ec6 !important; } to .header-nav-item:hover > a { color: #f45ec6 !important; }
  3. You can try adding to Home > Design > custom Css .search-results { background: #ccc; } Let me know how it works on your site
  4. Change font-size of category's titles .products-list .nested-category-title { font-size: 50px; } .products-list .nested-category-breadcrumb-link,.products-list .breadcrumb-separator { font-size: 30px; } .products-list .nested-category-breadcrumb-link { padding: 0 10px; background: rgb(110,216,172); color: #fff !important;; } .products-list .nested-category-breadcrumb-link:hover { opacity: 0.7; } Let me know how it works on your site
  5. Try adding to Home > Design > Custom Css #block-yui_3_17_2_1_1649279454057_8567 + .row { display: flex; } Let me know how it works on your site
  6. Try adding the following code to fix the issue .timeline { padding-left:0; } Let me know how it works
  7. Can you share your site with the protected password so I can take a look?
  8. I check that they are the same size on both special project and podcast page. Can you explain more detail about your issue? Some screenshots could help a lot
  9. Can you share the link to this page, i can not find the block item as you show on the images attached
  10. Do you mean this test or something else. Can you share some screenshots of your issue?
  11. Can you share your site with the protected password so I can take a look?
  12. Try adding to Home > Design > Custom Css .header--menu-open .header-menu-actions-action [href*='instagram'] svg{ visibility: hidden; } .header--menu-open .header-menu-actions-action [href*='instagram'] { position: relative; } .header--menu-open .header-menu-actions-action [href*='instagram']:after { content:''; background-image: url('your.'); background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; display: block; position: absolute; width: 100%; height: 100%; top:0; } change the url with your image Let me know how it works on your site
  13. 1. You can go through it by adding Css code via media query Selector @media only screen and (max-width: 767px) { /*style for mobile*/ } @media only screen and (min-width: 768px) { /*style for desktop*/ } 2,3 Kindly share your site with the protected password so we can take a look at your issues? Providing some screenshots could also help a lot
  14. section[data-section-id="624bcec43c713c27b2e782d0"] section[data-section-id="624bcec43c713c27b2e782d0"].submitting input.button { visibility: hidden; } section[data-section-id="624bcec43c713c27b2e782d0"] .form-button-wrapper { position: relative; } section[data-section-id="624bcec43c713c27b2e782d0"] .submitting .form-button-wrapper:after { content: 'your word'; position: absolute; display: block; z-index:99999; left:50%; top:50%; background: rgb(155,195,195); padding: 5px; transform: translate(-50%,-50%); } Let me know how it works on your site
  15. You can add style based on the width with media query @media only screen and (max-width: 767px) { /*Style on mobile*/ } @media only screen and (min-width: 768px) { /*Style on larger than 768px */ }
  16. Can you share your site with the protected password so I can take a look?
  17. You can try adding to Home > Design > Custom Css #block-f1ef39b8fb9899ecadc0 a:hover { color :#f45ec6; } Let me know how it works on your site
Ă—
Ă—
  • 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.