Jump to content

FinallyHome

Circle Member
  • Posts

    3
  • Joined

  • Last visited

Everything posted by FinallyHome

  1. Hi! I'm crossing my fingers that someone can help - i've been banging my head against the wall on this one. I am trying to create a summary block on my homepage that shows the most recent articles as cards but something is overriding my formatting. I've combed through the CSS to find out what it might be but i've come up with nothing. The website is Finallyhomejc.com, the block is the second one down (image attached). I've included below the CSS code that I've been working on to reformat the summary posts just the way I want them to show up /*add background to title*/ .summary-block-setting-design-carousel {.summary-content { background-color: #f9f5f2; padding-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; position: relative; z-index: 1; top: -20px; /*add border to bottom of card*/ border-bottom: 6px solid #f2eee4}} /*send background to back of page*/ .summary-thumbnail-outer-container {z-index: 10;} /*add border to image*/ .sqs-block-summary-v2.img-wrapper, .sqs-block-summary-v2, .sqs-video-wrapper {border: 6px solid #f2ece5;} /*add read more overlap*/ .sqs-gallery-design-carousel-slide .summary-thumbnail-container::after {content: '· read more ·'; font-style: italic; font-size: 14px; color: #1d3451; position: absolute; top: 92%; bottom: 0%; left: 20%; right: 20%; background: #f2ece5; opacity: 1; padding: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box; text-align: center;} /*summary block title font styling*/ .sqs-block-summary-v2 {.summary-title, .summary-heading { font-family: Baskerville; font-weight: 400; font-size: 22px !important; color: #1d3451; line-height: 26px; padding: 8px; text-transform: none; font-style: none;} /*summary block meta data font styling*/ .summary-metadata-item { font-family: quicksand; font-weight: 600; text-transform: uppercase; font-size: 12px !important;}}
  2. Hi! I'm crossing my fingers that someone can help - i've been banging my head against the wall on this one. I am trying to create a summary block on my homepage that shows the most recent articles as cards but something is overriding my formatting. I've combed through the CSS to find out what it might be but i've come up with nothing. The website is Finallyhomejc.com, the block is the second one down (image attached). I've included below the CSS code that I've been working on to reformat the summary posts just the way I want them to show up /*add background to title*/ .summary-block-setting-design-carousel {.summary-content { background-color: #f9f5f2; padding-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; position: relative; z-index: 1; top: -20px; /*add border to bottom of card*/ border-bottom: 6px solid #f2eee4}} /*send background to back of page*/ .summary-thumbnail-outer-container {z-index: 10;} /*add border to image*/ .sqs-block-summary-v2.img-wrapper, .sqs-block-summary-v2, .sqs-video-wrapper {border: 6px solid #f2ece5;} /*add read more overlap*/ .sqs-gallery-design-carousel-slide .summary-thumbnail-container::after {content: '· read more ·'; font-style: italic; font-size: 14px; color: #1d3451; position: absolute; top: 92%; bottom: 0%; left: 20%; right: 20%; background: #f2ece5; opacity: 1; padding: 20px; display: flex; align-items: center; justify-content: center;box-sizing: border-box; text-align: center;} /*summary block title font styling*/ .sqs-block-summary-v2 {.summary-title, .summary-heading { font-family: Baskerville; font-weight: 400; font-size: 22px !important; color: #1d3451; line-height: 26px; padding: 8px; text-transform: none; font-style: none;} /*summary block meta data font styling*/ .summary-metadata-item { font-family: quicksand; font-weight: 600; text-transform: uppercase; font-size: 12px !important;}}
  3. Hi, Is there a way that I don't have to choose between the logo and company name but instead include them both? I would like to have the logo on the left corner and the company name centered in the middle. Thank you!
×
×
  • 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.