Jump to content

AndreaDube

Circle Member
  • Posts

    130
  • Joined

  • Last visited

Reputation Activity

  1. Like
    AndreaDube got a reaction from tuanphan in How to add an underline swipe that changes colour according to the theme of the first section on a given page   
    Try something like: 
    .light, .light-bold, .white, .white-bold {.header-nav a::before { content: ''; position: absolute; bottom: -1px; /* Adjust this value to position the underline */ left: 0; width: 0; height: 2px; /* Adjust this value for the underline thickness */ background-color: #000; /* Adjust this value for the underline color */ transition: width 0.3s ease; /* Animation duration and timing function */ } } .dark, .dark-bold, .black, .black-bold {.header-nav a::before { content: ''; position: absolute; bottom: -1px; /* Adjust this value to position the underline */ left: 0; width: 0; height: 2px; /* Adjust this value for the underline thickness */ background-color: #fff; /* Adjust this value for the underline color */ transition: width 0.3s ease; /* Animation duration and timing function */ } } /* Trigger animation on hover */ .header-nav a:hover::before { width: 100%; }  
  2. Like
    AndreaDube got a reaction from madcapcreative in Changing Header Navigation Folder Drop Down Menu Width and Styling?   
    Try: 
    .header-nav .header-nav-item--folder .header-nav-folder-content { min-width: auto; }  
  3. Like
    AndreaDube got a reaction from TTaylor in Change Button Color   
    Insert this into CSS:
    a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { background-color: #yourcolor !important; }
  4. Like
    AndreaDube got a reaction from tuanphan in Change Button Color   
    Insert this into CSS:
    a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { background-color: #yourcolor !important; }
  5. Like
    AndreaDube reacted to seb-cardcastle in Anchor Links to Another Page Not Working   
    Thank you AndreaDube! Using the full link made it work perfectly 😀
  6. Thanks
    AndreaDube got a reaction from seb-cardcastle in Anchor Links to Another Page Not Working   
    I think for 7.0 you have to use the entire URL in folder links.
    So try https://cardcastle.co/cardbot#cardbot-demo vs /cardbot#cardbot-demo
  7. Like
    AndreaDube got a reaction from tuanphan in Disable image hover effect in mobile view with CSS   
    Try 
    @media screen and (max-width: 833px) { .design-layout-poster .image-card-wrapper { background-color: rgba(0,0,0,.5) !important; } }  
  8. Like
    AndreaDube got a reaction from Wolfsilon in Disable image hover effect in mobile view with CSS   
    Try 
    @media screen and (max-width: 833px) { .design-layout-poster .image-card-wrapper { background-color: rgba(0,0,0,.5) !important; } }  
  9. Like
    AndreaDube reacted to ShortAngryViking in 7.1 Anchor Links - FREE!!!!   
    Hi @rwp is this still available? sorry a bit slow to the party .
  10. Like
    AndreaDube got a reaction from tuanphan in Seeking help formatting a single bit of text   
    Try this in CSS:
    #block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed
  11. Like
    AndreaDube got a reaction from RTravel in Seeking help formatting a single bit of text   
    Try this in CSS:
    #block-00875c0b0eb68770e2f8 { h2 { margin-bottom: 0; } p.sqsrte-large { margin-top: 0; letter-spacing: 0.02em; } } Adjust the letter-spacing as needed
  12. Like
    AndreaDube reacted to fleurdelis in Changing Header Navigation Folder Drop Down Menu Width and Styling?   
    THANK YOU SO MUCH. I've scoured these forums for a code that works, and yours is the only one that has! I genuinely tried at least 15 and was starting to lose faith. Thanks again!
  13. Like
    AndreaDube got a reaction from tuanphan in How do I get gallery captions to center?   
    Try: 
    .gallery-section .gallery-caption p { text-align: center; }  
  14. Thanks
    AndreaDube got a reaction from oastone in Anchor links scroll too far   
    Try this:  
    I simply added the following CSS and it works perfectly: 
    :target:before {
    content:"";
    display:block;
    height:120px; /* fixed header height*/
    margin:-120px 0 0; /* negative fixed header height */
    }
     
  15. Like
    AndreaDube got a reaction from kindandbrave in Need help with sticky product filter   
    Try the following for 7.1: 
    // Sticky Product Filter 7.1 //
    .products.collection-content-wrapper .nested-category-tree-wrapper  {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
    }
  16. Like
    AndreaDube got a reaction from tuanphan in Need help with sticky product filter   
    Try the following for 7.1: 
    // Sticky Product Filter 7.1 //
    .products.collection-content-wrapper .nested-category-tree-wrapper  {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
    }
  17. Like
    AndreaDube reacted to BFGS in Anchor links scroll too far   
    Site URL: https://www.blackfishgoldstudios.com
    I've designed a single-page / scroll website with anchor links that jump to page content in the always-present mobile menu. These links are held in the header of each section. When selected from the menu, the page jumps past the selected header and into the section content. Is there a way to make the jump more precise?
    I've already tried adding a <span> above the header with the id placed therein. That did not alter the issue.
    Much appreciated in advance!
×
×
  • 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.