Jump to content

Miicherey

Member
  • Posts

    28
  • Joined

  • Last visited

Reputation Activity

  1. Love
    Miicherey reacted to tuanphan in Move only ONE navigation link to the right   
    You can use this code to Custom CSS box
    nav.header-nav-list { width: 100% !important; } nav>div:last-child { margin-right: 0; margin-left: auto; }
  2. Like
    Miicherey reacted to tuanphan in How to add slide up text hover effect with code?   
    You can use this code to Website > Website Tools > Custom CSS
    .fe-66570f40b63771677068fbc7 .html-block { transform: translateY(70%); transition: all 0.3s ease; } .fe-66570f40b63771677068fbc7 .fe-block:has(.html-block) { overflow: hidden; } .fe-66570f40b63771677068fbc7 .fe-block:has(.html-block):hover .html-block { transform: translatey(0); transition: all 0.3s ease; }
  3. Like
    Miicherey reacted to tuanphan in Editing Promotional Pop-up text color not working on mobile view   
    You have this code in CSS box, it set all text to white

    You can use this to Website > Website Tools > Custom CSS to override your code
    @media screen and (max-width:767px) { .sqs-slice-group.group-copy.copy-layer-background *:not(input):not(button):not(.submit-form-label) { color: #000 !important; } }  
  4. Love
    Miicherey reacted to Ziggy in Is there a code to make the pop-up in mobile view shorter?   
    Try this instead:
    @media only screen and (max-width:767px) { .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled [data-slice-type="body"] { display:none; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-alignment-left .form-disclaimer-text { margin-top: 0px !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-alignment-left .actions { margin-top: 0px !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-compound-type="popup-overlay-action"] .form-disclaimer-text p { margin-block-end: 0em !important; } }  
  5. Like
    Miicherey got a reaction from Ziggy in Is there a code to make the pop-up in mobile view shorter?   
    This worked but is it possible to further reduce the spacing as seen on the screenshot? I really appreciate your help! 🙏

  6. Like
    Miicherey got a reaction from Ziggy in Is there a code to make the pop-up in mobile view shorter?   
    Hi @Ziggy! We want to reduce the padding in between elements and hide the texts below "Join our mailing list" please.
  7. Like
    Miicherey reacted to inside_the_square in How to change Testimonial content block title font?   
    Hey @Miicherey! It looks like that testimonial title is just a standard text block in a normal fluid engine page section. We can't change font sizes for a specific selector of text using the editor, so if none of your assigned font sizes for h1, h2, h3 and so on will work, you can change this individual thing with CSS.

    Here is a video with info on how to do that. Also - this video is a little old but the concept still works!  To add CSS, go to website then website tools, then custom CSS. They rearranged the design menu back in August. 😅
     
  8. Like
    Miicherey reacted to Ziggy in How to add a line divider in between each link on the mobile menu?   
    Happy to help!
  9. Like
    Miicherey got a reaction from Ziggy in How to add a line divider in between each link on the mobile menu?   
    Thank you so much for the help and fast revert! 
  10. Thanks
    Miicherey reacted to Ziggy in How to add a line divider in between each link on the mobile menu?   
    Add this as well to Custom CSS:
    @media only screen and (max-width:767px) { :is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content { background-image: none !important; } } If that works, can you mark my post as the solution and give it a like? Thanks!
  11. Thanks
    Miicherey reacted to Ziggy in How to add a line divider in between each link on the mobile menu?   
    Try adding this to Custom CSS:
    div.header-menu-nav-item a { border-bottom: 1px solid #bfa260; padding-bottom: 5vw; }  
  12. Like
    Miicherey got a reaction from Ziggy in How to add a line divider in between each link on the mobile menu?   
    Hi Ziggy, thank you so much! This worked!
    I would just like to add if it's possible to remove the underline on the active link and instead change the color to something like white? So it doesn't look like it has 2 lines.
×
×
  • 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.