-
Posts
17 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
Civic's Achievements
-
How to change image on hover in a Simple List section?
Civic replied to mirgart's topic in Fonts, colors and images
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>- 10 replies
-
- coding
- custom-css
-
(and 1 more)
Tagged with:
-
tuanphan reacted to a post in a topic: Change colour of navigation line in mobile
-
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; }
-
Hovering Captions on Images in Gallery w/ Masonry Grid
Civic replied to Avery-Stock's topic in Customize with code
Works perfect thanks 🙂 -
Civic reacted to a post in a topic: Hovering Captions on Images in Gallery w/ Masonry Grid
-
Hovering Captions on Images in Gallery w/ Masonry Grid
Civic replied to Avery-Stock's topic in Customize with code
-
Civic changed their profile photo
-
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,
-
tuanphan reacted to a post in a topic: Hovering Captions on Images in Gallery w/ Masonry Grid
-
Hovering Captions on Images in Gallery w/ Masonry Grid
Civic replied to Avery-Stock's topic in Customize with code
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 -
Civic reacted to a post in a topic: Hovering Captions on Images in Gallery w/ Masonry Grid
-
Hovering Captions on Images in Gallery w/ Masonry Grid
Civic replied to Avery-Stock's topic in Customize with code
Thanks for this @tuanphan I would love for the captions to be clickable to the image link as well -
Civic reacted to a post in a topic: color change of the descriptive text that says "email address
-
Civic reacted to a post in a topic: Additional form buttons
-
Ziggy reacted to a post in a topic: Align the header with the content
-
-
tuanphan reacted to a post in a topic: Change logo link on desktop and mobile version 7.1
-
Change logo link on desktop and mobile version 7.1
Civic replied to pleni's topic in Customize with code
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> -
Font displays differently on different browsers
Civic replied to MMCAC's topic in Site Design & Styles
To stop this happening make sure in your CSS you have font-weight: normal and font-style: normal in your @fontface code block. -
Strange problem installing a custom font.
Civic replied to Visionary8's topic in Site Design & Styles
Where you upload the fonts in the new css window ? -
navigation Who knows how to add this navigation marker or what it's called?
Civic replied to Civic's topic in Customize with code
Thanks, yes please can you give that quick guide