Tremont template gallery options

Site URL: https://www.lecomptoirla.com/gallery

Hi there,

Is there a way to disable the grayish overlay function for only our Gallery page? I'm in the process of remediating our website, but don't see any option to disable or make transparent the Gallery page overlay in page settings, despite these Tremont template family instructions: 

https://support.squarespace.com/hc/en-us/articles/227024467-Tremont-template-family#toc-gallery-pages

Also, is it possible to increase the Gallery header height (or bring down the Gallery images) so that our site title and navigation links are more clearly visible? Tremont template's default seems to position the site title and navigation links—both in difficult-to-read white text—directly over the topmost Gallery image, rather than placing them in a dedicated header.

Thank you!

Hi,

#1. Which gray?

#2. Add to Design > Custom CSS

.collection-type-gallery div#mainContent {
    margin-top: 5vw;
}

Hi Tuan,
Your code worked, thank you! I was able to figure out the Gallery overlay issue, so I'm good for now. 🙂 

Thank you so much for your help!
Camellia

Hi Tuan,
I was wondering...is there a way to add text (like the "GALLERY" text at the center of our Gallery overlay) to the scrolling translucent overlays on our homepage, the About, Reserve, Menu and Contact pages?

https://www.lecomptoirla.com/gallery

Thank you again!

3 hours ago, LaptopCAT said:

Hi Tuan,
I was wondering...is there a way to add text (like the "GALLERY" text at the center of our Gallery overlay) to the scrolling translucent overlays on our homepage, the About, Reserve, Menu and Contact pages?

https://www.lecomptoirla.com/gallery

Thank you again!

Add text effect like as Gallery page? Not possible.

Hi Tuan,
How about for just the homepage? Is it possible to add text to the homepage's translucent overlay?

Sorry for all the questions!
Camellia

7 hours ago, LaptopCAT said:

Hi Tuan,
How about for just the homepage? Is it possible to add text to the homepage's translucent overlay?

Sorry for all the questions!
Camellia

I think I misread the question. I see you added text by using image. Have you tried adding text yet?

Hi Tuan,
Yes, the logo text you see is part of the actual homepage image because it's a custom font. I found this article on adding custom fonts for 7.0 sites, but am wondering if it's possible to display a custom font so that it only appears on the homepage overlay? 

I'm not seeing any way of adding text to any of the page overlays.

Thank you!

4 hours ago, LaptopCAT said:

Hi Tuan,
Yes, the logo text you see is part of the actual homepage image because it's a custom font. I found this article on adding custom fonts for 7.0 sites, but am wondering if it's possible to display a custom font so that it only appears on the homepage overlay? 

I'm not seeing any way of adding text to any of the page overlays.

Thank you!

 

Ah, I guess it has an option in Site Styles to enable/disable page title.

You can try this to Design > Custom CSS to override it

/* Page title */
.title-desc-inner-wrapper h1, .title-desc-inner-wrapper .page-desc {
    display: block !important;
}

Hi Tuan,
Will inserting this custom code also allow me to specify a custom font for the homepage overlay?

And I was also wondering if it's possible to delete the page title displayed on the Gallery page? I've tried to delete the "GALLERY" text in the Gallery Settings > General section, but the overlay text always reappears after I click 'save.'

Thank you!

Ah, with custom font, add this new code to HomePage Header

<style>
  /* Page title */
.title-desc-inner-wrapper h1, .title-desc-inner-wrapper .page-desc {
    display: block !important;
  	font-family: enteryourcustom-font;
}
</style>

With Gallery Page, add to Gallery Page Header

<style>
  /* Page title */
.title-desc-inner-wrapper h1, .title-desc-inner-wrapper .page-desc {
    display: none !important;
}
</style>