Home>Support>Simple masonry title

Simple masonry title

By Andreas Anastasiades, 8 years ago. Last reply by Alex S, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

As I can not reply to following topic, I create a new one

Site Origin Simple Masonry display title

Is it an idea to just go to widgets-bundle > simple-masonry > tpl > default.php

Underneath line:

<?php echo wp_get_attachment_image( $item['image'], 'large', false, array( 'title' => esc_attr( $title ) ) ); ?>

add:

<?php 
 echo '';
 echo $title;
 echo '

'; 
?>

add some css to your theme like:

.sow-masonry-grid-item a p {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	margin: 0;
	font-weight: bold;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 25px;
}

.sow-masonry-grid-item a:hover p {
	display: block;
}

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 5 months ago Alex S
    Hi, I Work Here

    Hi Andreas,

    Thank you for the snippet. :)
    Consider submitting a pull request for the SiteOrigin Widgets Bundle for its inclusion.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More