christyprice

Christy, THANK YOU so much!! I really appreciate it 🙂 I hope some day I can pay it forward!

Sure. For the font color, weight, etc. you can just add those lines in with the code above, so something like this:
.sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; font-size: 30px; color: #000000; font-weight: 700; } Changing the font, you'd add in a line for font-family: new-font;
You'd just want to make sure that font is actually loaded on the site.
 
For the opacity, this adjusts the starting opacity at the bottom to 70%:], but you can play around with the colors and percentages. There's different code for the different rendering engines (-ms is for Internet Explorer, etc.):
.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(30,30,30,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(30,30,30,.37) 100%); }  

Sure. For the font color, weight, etc. you can just add those lines in with the code above, so something like this:
.sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; font-size: 30px; color: #000000; font-weight: 700; } Changing the font, you'd add in a line for font-family: new-font;
You'd just want to make sure that font is actually loaded on the site.
 
For the opacity, this adjusts the starting opacity at the bottom to 70%:], but you can play around with the colors and percentages. There's different code for the different rendering engines (-ms is for Internet Explorer, etc.):
.sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(30,30,30,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(30,30,30,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(30,30,30,.37) 100%); }  

Hi @natejmedia, 
Try adding this code to Design > Custom CSS:
.sqs-gallery-block-slideshow .meta .meta-title, .sqs-gallery-block-slideshow .meta .meta-description { text-align: center; }  

Thanks so much - that looks interesting and definitely a better option than Caspio - would prefer a one off fee or free if it exists but VERY grateful!  

The lazy summaries plugin is a third party solution that allows for you to sort the posts in several ways, including oldest to newest. https://www.squarewebsites.org/products/lazy-summaries

Thanks for the link. I had assumed you were using the Project blocks in Avenue and wanting to change those titles. For the way you have it set up, using a gallery grid, you'd need to use code like this, added to Design > Custom CSS: 
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title { font-family: futura-pt !important; font-size: 20px !important; line-height: 1.2em !important; text-transform: none !important; letter-spacing: .02em !important; font-weight: 300 !important; font-style: normal !important; color: #404040 !important; } You'll need to change out the values to match your H3. Since I didn't see it used on your site, I can't see what values you are using, so just replace the sizes and colors with whatever you want.

Thanks Christyprice for answering my question. 
 
Maybe on day Squarespace can do that, so we don't have to write it out manually. 

@kellycheerup  glad it worked for you! Also, if you could like my posts (the heart button in the lower right), it shows that I was helpful. 🙂

I can get you started on the font color... this should change the color for the links and the folder... maybe someone else can jump in with the button code.
 
/* change nav color on blog post pages */ .collection-type-blog #headerNav a { color: #990000 !important; } #mainNavigation .folder-toggle { color: #990000 !important; }