Miicherey

Thank you for the replies! I just moved the text from the title to the description box instead so I don't need to complicate things anymore with code. Appreciate the help!

Hi, is it possible to hide a portion of the text block and add a slide up animation effect on hover? Similar to the old website here at the bottom section with the services: Cinematography, Photography, Audio Services in Fort Morgan (heroicmediastudio.com)


The hover effect needs to be added to their new website on Squarespace: https://heroic-media.squarespace.com/

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; }

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; }

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; } }  

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; } }  

This worked but is it possible to further reduce the spacing as seen on the screenshot? I really appreciate your help! 🙏

Hi @Ziggy! We want to reduce the padding in between elements and hide the texts below "Join our mailing list" please.

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. 😅
 

Happy to help!

Thank you so much for the help and fast revert! 

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!

Try adding this to Custom CSS:
div.header-menu-nav-item a { border-bottom: 1px solid #bfa260; padding-bottom: 5vw; }  

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.