Adding title and excerpt to portfolio grid item

Code-Ninjas — Tue, 28 Apr 2015 14:24:20 +0000

Hi there,

I’m trying to add the title and excerpt underneath the featured image of a portfolio grid item.

I’ve overwritten ish_portfolio.php in my child theme and have added a test title (added $return .= ‘

TEST

’; on line 455) and i can see that it is being output on the page, but it is hidden.

I want it so that the title and excerpt are part of the item so that when you hover, the overlay applies to everything, not just the image.

Any ideas on how i can do this?

Thanks

Reply To: Adding title and excerpt to portfolio grid item

IshYoBoy — Wed, 29 Apr 2015 05:05:03 +0000

Hey,

Well the items are now styled via CSS to be in 4:3 ratio. To manage what you’re trying you will have to re-style it. Moreover the link element is absolutely positioned inside the .ish-p-col so it will not change the height of the whole portfolio item. You need to either place it elsewhere or re style it. In any case you need to inspect it and play with.

These are some CSS styles used which define how the portfolio items behave:

.ish-sc_portfolio .ish-p-col:before {
	content: "";
	display: block;
	padding-top: 75%;
	zoom: 1.0;
}

.ish-sc_portfolio .ish-p-col a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-bottom: none;
	overflow: hidden;
}

.ish-sc_portfolio .ish-p-col:before {

content: "";

display: block;

padding-top: 75%;

zoom: 1.0;

}

.ish-sc_portfolio .ish-p-col a {

display: block;

position: absolute;

top: 0;

left: 0;

bottom: 0;

right: 0;

border-bottom: none;

overflow: hidden;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumAdding title and excerpt to portfolio grid item – Support Forum

Adding title and excerpt to portfolio grid item

TEST

Reply To: Adding title and excerpt to portfolio grid item