Civic

Hello @tuanphan this is not working to me, still can see the flash when the images change. 😞 <style> li img, li:hover img { transition: all 0.3s ease; } </style>

Works for me, thanks @tuanphan here my code: /* Mobile underline */ .header-menu-nav-item-content { background-image: none !important; } .header-menu-nav-item--active a { border-bottom: 1px solid #5fc5c2 !important; } div.container.header-menu-nav-item, div.container.header-menu-nav-item a { display: inline-block !important; } /* Mobile underline */

This code is working good for me. footer.sections * { text-decoration: none !important; background-image: none !important; } footer.sections a *:hover { color:red !important; }

Works perfect thanks 🙂

Any help with this text alignment please https://faas-dev.squarespace.com/work pass:helloworld

I am using the menu overlay on desktop version and I would like to align the menu horizontally, can someone help me with that. Thanks,

Hello @tuanphan I just solved. Here my custom code: /////Grid Porfolio///// .gallery-caption-grid-masonry { opacity: 0; z-index: -1; transition: all .2s; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-align: center; height: 100%; padding: 0; transition: all 0.3s ease-in-out !important; } .gallery-masonry-item:not(.has-clickthrough) .gallery-caption-grid-masonry:before { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.3s ease-in-out !important; } .gallery-masonry-item.has-clickthrough:hover .gallery-caption-grid-masonry { z-index: 0; opacity: 1; height: auto; transition: all 0.3s ease-in-out !important; } .gallery-masonry-item:not(.has-clickthrough):hover .gallery-caption-grid-masonry { z-index: 0; opacity: 1; transition: all 0.3s ease-in-out !important; } .gallery-masonry-item:hover .gallery-caption-grid-masonry:before { opacity: 1; transition: all 0.3s ease-in-out !important; } .gallery-caption-grid-masonry .gallery-caption-wrapper { display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out !important; } .gallery-caption-grid-masonry p.gallery-caption-content { z-index: 1000; font-size: 1.5rem; font-family:'ProximaNova-Light.otf'; color:#000; transition: all 0.3s ease-in-out !important; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: rgba(255,255,255,1); transition: all 0.3s ease-in-out !important;/* overlay color */ content: ""; display: block; position: absolute; height: 10%; /* overlay height */ left: 0; right: 0; bottom: 0; opacity: 0; transition: all 0.3s ease-in-out !important; height:100%; } .gallery-masonry-item-wrapper{ border-radius:5px; } .gallery-masonry-item-wrapper a{ transform:scale(1); transition: all 1s ease-in-out; &:hover{ transform:scale(1.03); transition: all 1s ease-in-out; } } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 0.75; transition: all 0.3s ease-in-out !important; } .gallery-caption-grid-masonry .gallery-caption-content{ transition: all 1s ease-in-out !important; } /////Grid Porfolio///// https://faas-dev.squarespace.com/sample pass:helloworld

Thanks for this @tuanphan I would love for the captions to be clickable to the image link as well

Hello everyone, how can I change the color of the descriptive text that says "email address?" I can't find the line of code.

Can someone help me with the code to align the header with the content of the page , please TIA

Hello @tuanphan this code isn working on mobile version so I made this adjustment to the code and it worked for me. <script> document.querySelector('.header-title-logo a').setAttribute('link'); $(".header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-title [href]").attr("href", "link"); </script>

To stop this happening make sure in your CSS you have font-weight: normal and font-style: normal in your @fontface code block.

Where you upload the fonts in the new css window ?

Thanks, yes please can you give that quick guide

Site URL: https://circle.squarespace.com/