-
Posts
150 -
Joined
-
Last visited
Reputation Activity
-
ThisWayToFabulous got a reaction from Beyondspace in Simple Fix - Spacing between images on mobile
Site URL: https://tmha-new-site.squarespace.com/
Here is the code in my CSS currently, all I want to do is make that spacing between the two row much smaller.
password: tamara
/* Mobile-Glam persona */ @media screen and (max-width:767px) { div#page-section-61c0b2469abc8d6ded1ed073>.row:nth-child(2) .span-3 { width: 50% !important; float: left !important; } div#page-section-61c0b2469abc8d6ded1ed073>.row:nth-child(2) .span-3:nth-child(2n+1) { clear: left !important; } }
-
ThisWayToFabulous got a reaction from Beyondspace in Force more columns?
@bangank36 OMG im so sorry it wasnt refreshing correctly!
-
ThisWayToFabulous reacted to Jia in Font style and size change in specific event area
Sure! Here's the code:
.eventitem-meta-item { color: #8C4298; } ul.eventitem-meta.event-meta.event-meta-addtocalendar-container { font-weight: bold; text-transform: uppercase; } -
ThisWayToFabulous got a reaction from Beyondspace in How to code captions to overlay photos in gallery
This is what code block is under Bride (from @tuanphan)
<style> @media screen and (min-width:992px) { figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; color: #ffffff; font-size: 6pt !important; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 15; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 4%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.95) 100%); mix-blend-mode: multiply; content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 1s !important; height: 25%; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } } </style>
-
ThisWayToFabulous got a reaction from Beyondspace in How to code captions to overlay photos in gallery
@tuanphan or @bangank36 could you help me figure out how to make the overlay white with black text instead?
-
ThisWayToFabulous got a reaction from Beyondspace in How to code captions to overlay photos in gallery
@bangank36 thanks so much for this. I showed it to my client and she actually preferred the darker version with the white text. I can never win! haha
THANK YOU!
-
ThisWayToFabulous got a reaction from creedon in Can I code h3 to be larger in just one area on the site?
OMFGGGGGG @creedon you are a life saver!
-
ThisWayToFabulous got a reaction from creedon in Can I code h3 to be larger in just one area on the site?
@creedon thanks! I forgot i was working on it after i posted. Just updated it!