Jump to content

ThisWayToFabulous

Circle Member
  • Posts

    150
  • Joined

  • Last visited

Reputation Activity

  1. Like
    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; } }  
  2. Like
    ThisWayToFabulous got a reaction from Beyondspace in Force more columns?   
    @bangank36 OMG im so sorry it wasnt refreshing correctly!
     
  3. Love
    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; }
  4. Like
    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>  
  5. Like
    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?
  6. Like
    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!
  7. Thanks
    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!
     
  8. Like
    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!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.