Jump to content

CBGreenhouses

Member
  • Posts

    35
  • Joined

  • Last visited

Everything posted by CBGreenhouses

  1. All pages please. It doesn't look right pushed off center to the left like this.
  2. Tuan, slight problem with the code. If you look on any other page on the site with this code on, the navigation is all the way to the left https://www.cedarbuiltgreenhouses.com/options
  3. Tuan, you've done it again! You genius! The only other thing... can you get just my Nav Button (the contact&About) to appear on the far right side PS. I also like lofi hophop
  4. Hi Tuan, Do you see the 3 white lines at the top right? The navigation becomes like that if someone is viewing on mobile or a small screen. This is called "hamburgering." I adjusted the size again. Do you see it? Please see the attached image. I would like the white text to be centered if possible as outlined in red
  5. Slight update: I somewhat fixed this by making the text size HUGE and spaced apart a lot. It's still not totally centered though
  6. Site URL: https://www.cedarbuiltgreenhouses.com/ Tuan, my friend, I know you are out there and will help me yet again.๐Ÿ˜„ I have switched the site over to the Bedford style but I want the white text "HOME" to "Testimonials" to appear in the center of the page. I would like the contact & About button to stay at the far right. I noticed you have tried to tackle this problem before but were unsuccessful. It seems they got displayed as a hamburger: https://forum.squarespace.com/topic/168758-center-align-logo-with-bedford-70-template/ https://forum.squarespace.com/topic/145081-center-logo-and-navigation-in-bedford/ I believe that the "Site title container Width" has something to do with this. Please see my attached photos where I changed the size. 275 to 150 px. You can see the blue box area at the top changes but the navigation does not snap to the center. If possible I would like the Nav Button to stay at the far right. I believe in you Tuan! Thanks for your help always.
  7. You, sir, are a genius. There is literally nothing you cannot fix. Thanks yet again!๐Ÿ˜ƒ
  8. Yes. They were normal before like all buttons on the site. It must be buttons inside image cards that they have updated and messed up the size. Here is a photo of what I see while editing pages. This should be the normal size: Also I will post my entire code here in case you see something affecting this. /* Site wide Image Cards*/ body:not(#collection-5a39480f4192023c7edb6666):not(#collection-5a70b6b28165f5a8201192d5) .design-layout-card { .image-title * { font-size: 28px !important; font-weight: 500 !important; } .image-subtitle * { font-size: 18px !important; } figcaption.image-card-wrapper { align-items: flex-start !important; } .image-card.sqs-dynamic-text-container { padding-top: 16px !important; } } /* Gallery Lightbox caption black box overlay*/ .sqs-lightbox-meta { padding-bottom: 5px !important; padding-top: 5px !important; } .sqs-lightbox-meta * { margin-top: 1px !important; margin-bottom: 1px !important; } /* Image caption black box overlay height */ figcaption.image-caption-wrapper p { margin-bottom: 0; } figcaption.image-caption-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; } /* carousel arrows darker */ .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: rgba(0,0,0,0.55) !important; } /* Gallery size */ div#block-yui_3_17_2_1_1619114881682_7992 { width: 60%; margin: 0 auto; } /* Make caption always visible */ .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; background-color: rgba(0,0,0,0.55) !important; } /* Normal Image Captions */ .sqs-block-image .image-caption p { font-size: 16px !important; font-family: "futura-pt"; text-transform: none !important; letter-spacing: 1.0 pt !; font-weight: 500 !important; font-style: normal !important; color: #ebebeb!; line-height: 1.00em !important;} /* Posters */ div#page-60788472f2262362250eed24 .image-title * { font-size: 30px; font-weight: 500 !important; } div#page-60788472f2262362250eed24 .image-subtitle * { font-size: 16px !important; }
  9. Hi again Tuan, Don't know what happened with this code but now the "Click here to learn more" buttons are tiny and off center: https://www.cedarbuiltgreenhouses.com/options body:not(#collection-5a39480f4192023c7edb6666):not(#collection-5a70b6b28165f5a8201192d5) .design-layout-card { .image-title * { font-size: 28px !important; font-weight: 500 !important; } .image-subtitle * { font-size: 18px !important; } figcaption.image-card-wrapper { align-items: flex-start !important; } .image-card.sqs-dynamic-text-container { padding-top: 0px !important; } }
  10. Hi again Tuan. A bit of a swap-around here. I am now running this code site wide because it tidied things up: /* Site wide Image Cards*/ .design-layout-card { .image-title * { font-size: 28px !important; font-weight: 500 !important; } .image-subtitle * { font-size: 18px !important; } figcaption.image-card-wrapper { align-items: flex-start !important; } .image-card.sqs-dynamic-text-container { padding-top: 0px !important; } } However, I'd like these 2 pages to display the default image card spacing (not be pushed to the top). Is there some code I can use to override the site wide code for just these pages? Linked below: #collection-5a39480f4192023c7edb6666 (Styles and Prices) #collection-5a70b6b28165f5a8201192d5 (options) Also, how do I find the div#page? I can only find this #collection using the app.
  11. Hi Tuan, I just realized I unfortunately have this code I need running site-wide: .design-layout-card .image-title * {font-size: 35px !important;} Is there anyway to have your code override that for just this webpage? Thanks.
  12. PS. Can I get "Free-Standing Greenhouse" to appear closer to the top of the image somehow?
  13. Site URL: https://www.cedarbuiltgreenhouses.com/stylesprices Hello I am trying to edit the font size of my image cards on this page. Can you tell me where I went wrong? Maybe "image.title is not correct for image cards? (see the Free-Standing greenhouse image card at the top) /* Posters */ div#page-60788472f2262362250eed24 .image-title * { font-size: 30px; font-weight: 500 !important; } div#page-60788472f2262362250eed24 .image-subtitle * { font-size: 16px !important; }
  14. And is there a code that applies to all image cards on the site? /* All site image cards */ ?????????????????????????????????????????? { .image-title * { font-family: monospace; color: red; font-size: 20px; }
  15. Thank Tuan, Also, can you tell me the method to find this "yui" block code info so I can use it for other specific image cards like this one? "block-yui_3_17_2_1_1617744824073_15757"
  16. Site URL: https://www.cedarbuiltgreenhouses.com/styles-page Hello, I posted this question about 2 weeks ago but it may have been forgotten: https://forum.squarespace.com/topic/195506-how-to-adjust-the-text-of-an-image-card/ I'd like to adjust the size and font of the subject and body text in the image cards I have on this page. Can someone give me the code so I can play around with font and text sizes? I want to make the text "The Freestanding" a smaller size and font style (any font is okay, I just need the code)
  17. Hi Tuan, Thanks for all your help on my site. I was wondering if you had a solution to this one yet? I want to make the text "The Freestanding" a smaller size and font style (any font is okay, I just need the code)
  18. Sorry Tuan, I forgot to mention not all the photos have text yet. Can you scroll to the bottom of the page?
  19. Hello, I'd like less black overlay height! Thank you!
  20. Site URL: https://www.cedarbuiltgreenhouses.com/10-fs-photos Hello, as you can see in the image below (bottom of webpage), the shadow bow is taking up half of my photo. I'd like to drop the Title text so it is right above the body text and, therefore, it won't make such a large shadowbox. Also being able to make the body text smaller would help too. Here is the code I currently have:
  21. Site URL: https://www.cedarbuiltgreenhouses.com/styles-page Hello, as shown in the picture, I'd like to get the text to go to the bottom of the photo in the caption (where the red arrow is). I will post my current code here:
ร—
ร—
  • 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.