Jump to content

Brine Family (basil Template) Gallery Help

Recommended Posts

Please post the URL for a page on your site where we can see your issue. You can post links to unliked pages of your site. Unlinked just mean that the pages aren't in the site navigation but they are still pages on the site and are available for people to see.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
17 hours ago, creedon said:

Please post the URL for a page on your site where we can see your issue. You can post links to unliked pages of your site. Unlinked just mean that the pages aren't in the site navigation but they are still pages on the site and are available for people to see.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Thank you for your response!

 

The site is set to public, here is the page 

https://victoria-prowse.squarespace.com/config/pages

Link to comment
1 hour ago, derricksrandomviews said:

I see a title and description for each image on the page posted. 

 

24 minutes ago, creedon said:

Me too!

Mine looks like this! So I still see no description only the title? The first four photos at the top yes they do (i didnt use the gallery option I built those out) Due to the size of the photos used the gallery option for the photos I screenshot and I see no description? I am assuming it is due to the template 

Screen Shot 2021-12-13 at 5.28.04 PM.png

Edited by LindseyLeist
Link to comment

Its the bottom four that don't have the description showing, sorry I overlooked that.  Gallery images show description on lightbox but this should work in custom css:

/*gallery grid page image titles showing*/
.collection-type-gallery.gallery-design-grid .slide .slide-meta { display: block !important;}
.title {margin: 0; font-size: 13px; color: ##003366; padding: 1%;line-height: 120%;text-align: center;color: #888888;}

Edited by derricksrandomviews
Link to comment
35 minutes ago, derricksrandomviews said:

Its the bottom four that don't have the description showing, sorry I overlooked that.  Gallery images show description on lightbox but this should work in custom css:

/*gallery grid page image titles showing*/
.collection-type-gallery.gallery-design-grid .slide .slide-meta { display: block !important;}
.title {margin: 0; font-size: 13px; color: ##003366; padding: 1%;line-height: 120%;text-align: center;color: #888888;}

Thank you so much! I did try this, but it didn't work

11 minutes ago, creedon said:

Ah I see now. Er I don't see as the case may be. The photos at the bottom.

The description is seen in only certain places. Please see Gallery blocks - Add image titles and descriptions.

Thanks! I did use that but it didnt help as I think I need a code but will reread 

Link to comment
Quote

I did use that but it didnt help as I think I need a code but will reread 

I think I can sum it up. For the particular design you've chosen the description only shows when the lightbox is active.

If you want to keep the current design then yes you would need code, CSS and perhaps Javascript. You would need to reenter the descriptions in this non-existant code. I'm not aware of code for this effect.

On a quick look it appears that you might be able to get away with straight CSS to add the descriptions.

713726484_ScreenShot2021-12-13at4_24_09PM.thumb.png.ca0b90604cf5aa16df0bc970a4935ab9.png

Here is the rudiment of the effect. This is not a solution.

.image-slide-title::after {

  content : '[enter your description here]';
  display : block;
  
  }

 

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

A little more specific. Still not a solution.

/* shared properties here */

#block-yui_3_17_2_1_1639350164630_122741 .sqs-gallery-design-grid-slide .image-slide-title::after {

  display : block;
  
  }

/* individual properties here */

#block-yui_3_17_2_1_1639350164630_122741 .sqs-gallery-design-grid-slide:nth-child( 1 ) .image-slide-title::after {

  content : '[enter your description here]';
  
  }

 

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
On 12/13/2021 at 6:28 PM, creedon said:

I think I can sum it up. For the particular design you've chosen the description only shows when the lightbox is active.

If you want to keep the current design then yes you would need code, CSS and perhaps Javascript. You would need to reenter the descriptions in this non-existant code. I'm not aware of code for this effect.

On a quick look it appears that you might be able to get away with straight CSS to add the descriptions.

713726484_ScreenShot2021-12-13at4_24_09PM.thumb.png.ca0b90604cf5aa16df0bc970a4935ab9.png

Here is the rudiment of the effect. This is not a solution.

.image-slide-title::after {

  content : '[enter your description here]';
  display : block;
  
  }

 

 

On 12/13/2021 at 6:34 PM, creedon said:

A little more specific. Still not a solution.

/* shared properties here */

#block-yui_3_17_2_1_1639350164630_122741 .sqs-gallery-design-grid-slide .image-slide-title::after {

  display : block;
  
  }

/* individual properties here */

#block-yui_3_17_2_1_1639350164630_122741 .sqs-gallery-design-grid-slide:nth-child( 1 ) .image-slide-title::after {

  content : '[enter your description here]';
  
  }

 

Sorry for such a late response! but thank you I will play around with both

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.