Excerpt font and size

Hey there Grumpy,

Yes you can, with a little CSS.

Have you checked out our Custom CSS page?

If that doesn’t help get back to me.

Cheers

I put this into Custom CSS but nothing is changing

div.cactus_masonry_databox div.cm_title
{
font-family: “open sans”, sans-serif;
font-size: 12px;
padding-bottom: 7px;
}

div.cactus_masonry_databox div.cm_excerpt
{
font-family: “open sans”, sans-serif;
font-size: 13px;
line-height: 1em;
padding: 5px;
}

Is there a way to add the font family and font size within the shortcode?

Hi Grumpy,

No, there is no shortcode option for that, as rewriting CSS in the shortcode would essentially be reinventing the wheel, add a huge layer of testing, and still be prone to errors as each site’s CSS environment will inherently differ.

Your site is probably overriding the CSS you have entered. Try adding !important to you CSS.

div.cactus_masonry_databox div.cm_title {
    font-family: "open sans", sans-serif !important;
    font-size: 12px  !important;
    padding-bottom: 7px  !important;
}
div.cactus_masonry_databox div.cm_excerpt {
    font-family: "open sans", sans-serif !important;
    font-size: 13px  !important;
    line-height: 1em  !important;
    padding: 5px  !important;
}

If that doesn’t work send me a link to the page and I will see what’s happening.

That worked… it’s a little funny.. in the excerpt portion, you need to spell it “exerpt” in order to work. ??

Cheers Grumpy,

I missed that typo in the code – and for a long time too.

I will amend this issue in the next update.

Thanks for bringing it to my attention.

I was curious if you made an update… because the “custom excerpt” field where I normally would enter the excerpt within the blog post is gone ??

Hey Grumpy,

I’m very careful to maintain compatability with my updates, however, no update will go through unless you choose to install it. So, no updates have been made.

With regards to your issue, do you mean the custom excerpt field on the blog post edit page on your site?

WordPress has just had an automatic update, so that could be the problem. I haven’t had a chance to log into WordPress since the update so I don’t know what, if any, UI updates have gone through.

From memory, there should be an options/view tab at the top right of the screen on the edit post page. When you click this, a dropdown will appear, filled with checkboxes. These checkboxes allow you to choose which fields will appear on the edit post page, including the custom excerpt page.

Maybe make sure that checkbox hasn’t reset with the WordPress update.

I hope that helps,

Cheers

Yes you’re right I didn’t think of that! THANK YOU!

Hello,

The masonry shows great on desktop, but on mobile is there a way (or custom CSS code) to center the images so that there is white space on the right side? Currently, it looks like the right side is cut off.

https://www.centralcoastmama.com/blog/

Hi grumpy,

Yes, you do have some options there.

Option 1
The easiest and most efficient option would be to give each image a percentage width.

From there you can change these widths at different sizes using some custom CSS. Check out the custom CSS page for some examples for some examples.

Option 2
The second option is to use the following shortcode:
[cactus-masonry width="200px" fit_width="true"]

The fit_width parameter is off by default as it can reduce the gallery’s efficiency after the screen has been resized. This can cause slow downs. It also can cause occasional bugs in the layout, so test it on your site and decide whether it works for you.

You may also want to apply this CSS (which will be standard in the next update). This may fix some of the alignment bugs caused by the above parameter:

div.masonry_post_gallery {
	max-width: 100%;
}