Jump to content

Hambo

Member
  • Posts

    2
  • Joined

  • Last visited

Hambo's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Hello, Ive managed to edit the width of my summary block using: /*Full Width Latest Updates*/ [data-section-id="617b1af343479318da6e7287"] .content-wrapper { max-width: 92%; padding-left: 0 !important; padding-right: 0 !important; } but I cant edit the height. I need to add some height as ive added a custom 'read more' button to the window as you can see in the screenshot, and currently it clips the button. How can I force the summary block to be vertically larger to ensure elements inside arent clipped? Im also confused as to how I get my button to hug the left side in line with its post, the code I am using for this is as follows. Ive tried to play around with values and code as well as changing the alignment, but it always looks broken so I left it centered for now. /*Hiding default read more in latest updates summary box*/ .sqs-gallery-design-carousel .summary-read-more-link { position: relative; visibility: hidden; } /*Creates new read more box in latest updates summary box*/ .sqs-gallery-design-carousel .summary-read-more-link::after { content: 'Read more'; background: transparent; color: black; padding: 20px 30px; left: 50%; position: absolute; transform: translate(-50%); visibility: visible; font-weight: normal; text-transform: capitalize; font-size: 14px; letter-spacing: 0em; margin-top: 50px; margin-bottom: 20px; border: 2px solid black; } Image 01 - shows how the summary box looks like on my standard 24" widescreen monitor. Image 02 - shows how the summary box looks like on my ultrawide monitor Image 03 - shows how I want it to look Thanks!
×
×
  • 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.