Jump to content

Midnighthex_

Circle Member
  • Posts

    5
  • Joined

  • Last visited

Midnighthex_'s Achievements

Level 2

Level 2 (2/20)

0

Reputation

  1. Hi there, I'm having the same issue, but I'm using two mixed fonts in my markdown. I have these throughout my website, can I target the div# in the CSS, as then I use the CSS in this thread for h2 is only changes the mobile size for the cursive font (Duende and not the other). URL: https://midnighthex.com/ Markdown block: What's Your Story (home page 2nd section) <center> <h2> <span style="font-family: duende-pro;font-size:1.8em;"> What's&nbsp; </span> YOUR STORY? <span style="font-family: duende-pro;font-size:1.8em">
  2. I used this code to hide the buttons inside the carousel images, issue is that padding left at the buttom where I want the 1px border. /* List carousel clickable */ .user-items-list-item-container[data-section-id="6319dfbecb1930144b4dd9e3"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; } .list-item-content__button-container { position: static !important; }}
  3. Hi there, I have been playing with the CSS for some time - when I add the clickable gallery image css (this problem occurs). I'm trying to achieve two things: border around the gallery images make images clickable (css is a hidden button ) also have page code injection (automate carousel scroll) Any help to make the border not gap at the bottom of the gallery image? THANK YOU! CSS /* Gallery Images clickable & border */ section[data-section-id="64025f30663dba61c04625a5"] { li.list-item { position: relative !important; border: 1px solid black; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; }}
×
×
  • 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.