ThisWayToFabulous
-
Posts
151 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by ThisWayToFabulous
-
Site URL: https://tmha-new-site.squarespace.com/reviews Is there by ANY CHANCE a magical way to code the meta position to be centered under the square image? Bonus points if I can also make that meta text color #EDEBEB and the pt size be only 7px with a • between the categories shown? (password: tamara)
-
@tuanphan Ok i've got it setup to the black transparent gradient and ive made the caption white... (I would still love to know how to flip this to white gradient if possible, Ive tried other color code to no avail) My second question here tho is how to resize the caption, as you can see smaller screens make it push to 2 lines. I was trying to force it small but its not taking?
-
I stole some code from her old site and i have the gradient hover looking good BUT if possible, I'd like that area at the bottom to hover WHITE instead of BLACK (since the text is black, Id like to pop that with white gradient. <style> @media screen and (min-width:992px) { figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 12; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; 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,.65) 100%); mix-blend-mode: multiply; content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 100ms !important; height: 20%; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.5; } /* remove gap */ figcaption { padding: 0 !important; } } </style>
-
@tuanphan here is the link to her other website to show you. https://www.tamaramakeup.com/weddings-1
-
@tuanphan to clarify, I'm only looking for the "FREQUENTLY ASKED QUESTIONS" section title to change. This code change the size of the question itself.
-
@tuanphan im trying to use this code to force the "FREQUENTLY ASKED QUESTIONS" part to h4 settings but its not letting me?
-
@tuanphan thanks so much for this start! My client likes the way their old site looked where it was much more subtle. Is there a way to mock this? It looks like only the bottom 1/4 of the image has a black gradient transparent overlay when hovered. Then for mobile, can we make it so captions don't show under the thumbnails, but only show under the image when clicked?
-
@tuanphan @creedon moreover, im trying to figure out how to properly credit on mobile since there is no hover. perhaps just tiny text over the bottom area of the image?
-
@tuanphan this worked PERFECTLY, thanks!
-
How to code things to show 2 across on mobile
ThisWayToFabulous replied to ThisWayToFabulous's topic in Customize with code
@tuanphan i think this will work great, is there a way to just get a little padding down the middle so the photos dont touch?
-
Site URL: https://tmha-new-site.squarespace.com/portfolio/bride password: tamara I'm trying to code this so that the photographer info shows up nice and small just on a hover. Does that make sense?
-
unfortunately no this doesnt work @bangank36
-
How to code things to show 2 across on mobile
ThisWayToFabulous replied to ThisWayToFabulous's topic in Customize with code
@tuanphan #2 works well! Is there a way to make quite bit less padding between them to they are a little bigger?
-
How to code things to show 2 across on mobile
ThisWayToFabulous replied to ThisWayToFabulous's topic in Customize with code
@tuanphan For # 1: "show 4 items only, with 2item/row on mobile" -
@tuanphan do you have any insight?
-
@creedon I'm trying to use that code for this area to change the font (Adriana, Alexis, etc) AND the size but can not get it to work! Any ideas?
-
wait! It DID work! So there is like 16 artists I'll need to do this for. Will it carry over if I just duplicate that one?
-
@creedon unfortunately that did not work. How do you find the block id's?!?!
-
Site URL: https://tmha-new-site.squarespace.com/meet-the-artists/tamara Can I code h3 to be larger in just one area on the site? Link is listed. It is basically all the artist pages. It's built via portfolio. The one im trying to make like way bigger is "tamara" password: tamara
-
Site URL: https://tmha-new-site.squarespace.com/ Trying to get the following areas (on the homepage only right now) to shrink down to two across when on mobile: TESTIMONIALS area. Maybe also max it at 4 testimonials on mobile if possible? PHOTO GALLERIES. There is 4 photos linking out to galleries. Can we make it so its 2x2 there? GLAM PERSONA. Again, make images 2x2? password: tamara
-
@tuanphan thank you!!!! One more level of this, im so sorry! How can i specifically shrink the "makeup artist" part of the text? Also, can i make the pink button "meet the team" also shrink to one line? Can i make the "magic behind the brushes" title also shrink down to only one line?
-
@tuanphan thank you!! This is a huge help. Is there a way to better shrink all of the items proportionally? So the caption and buttons also size down?
-
@bangank36 try again with password: tamara
