CBGreenhouses

Tuan you are a beautiful person. Have a great new year.

All pages please. It doesn't look right pushed off center to the left like this.

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

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

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

Slight update: I somewhat fixed this by making the text size HUGE and spaced apart a lot. It's still not totally centered though

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.

You, sir, are a genius. There is literally nothing you cannot fix. Thanks yet again!😃

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;
}

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;
}
}

Yes! Thank you

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.

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.

PS. Can I get "Free-Standing Greenhouse"  to appear closer to the top of the image somehow?

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;
}