badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Recent updates?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #81706
    jack3
    Participant

    Hi there,
    Do you have a blog listing recent updates to Folio Press?
    I seem to remember seeing an email that said you had added text headlines beneath the images on feed pages? But I might be imagining this! lol
    Jack

    #81868

    Hi jack3,

    We haven’t updated for making the entry title beneath the images because it will somehow affects the grid Layout design. But if you really want to show the entry title then we have a customized CSS code for you which will help to show entry title above the bottom of the images as overlay. To do so please go to ‘Appearance > Customize > Additional CSS’ and paste the below provided Custom CSS Code.

    @media (min-width: 992px) {
    	.has-post-thumbnail .entry-wrap .entry-main:not(:hover) {
    		opacity: 1;
    		-moz-opacity: 1;
    		filter:alpha(opacity=100);
    		background-color: transparent;
    	}
    	.has-post-thumbnail .entry-wrap .entry-main:not(:hover) .entry-title {
    		position: absolute;
    		bottom: 0;
    		left: 0;
    		right: 0;
    		margin-bottom: 0;
    		padding: 20px;
    		color: #ffffff;
    		text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    		-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    		-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
    		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
    		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
    		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.4));
    	}
    	.has-post-thumbnail .entry-wrap .entry-main p {
    		opacity: 0;
    		-moz-opacity: 0;
    		filter:alpha(opacity=0);
    	}
    	.has-post-thumbnail .entry-wrap .entry-main:hover p {
    		opacity: 1;
    		-moz-opacity: 1;
    		filter:alpha(opacity=100);
    	}
    }

    Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.