Pages Navigation Grid Captions

AdamSherratt

Hi,

I'm looking for help on how to use CSS to add captions to my "blog" pages grid. I have a "Pages" gallery block added which is pulling in all pages within a folder. Under each page I have the page title. However, I would also like to add the meta description, and make the background solid white, and style up the title and description. If it is possible to set the font height of the title and description that may be useful. How would I do this?

So:
Add Meta Description data to info block
Change background to solid White
Set Title to Blue, bold, large
Set Meta Description to Black, thin font, medium

www.adamsherratt.co.uk/Blog/Blog

Thanks for your help!

Hikin' Mike

Not sure I understand about adding meta description. There is no automatic way to populate that.

Looks like you have a white background already.

This will change the title text to bold, blue. Add this to your theme's site-wide CSS:

.sm-user-ui .sm-page-title {
    color: blue;
    font-weight: bold;
    }

denisegoldberg

@AdamSherratt said:
Change background to solid White

www.adamsherratt.co.uk/Blog/Blog

Are you asking about the background of the title that is sitting on top of the photos on that page? If you are, have you considered changing the display to "under"? That can be done without code just by changing the display options for the content element.

You might want to look at how each of your blog entries displays in different sized browser windows. I very rarely have a browser open to full screen. Each browser window is a reasonable size, just not maximized. I was surprised when I clicked into one of your blog entries to see this:

That's not a very comfortable format for reading, and no photo was shown.