Portfolio Page Edit

[adikkt]

Please check our home page https://adikkt.com. I want that grid in portfolio page with exact spacing in https://adikkt.com/portfolio/ this page.

 

Also in portfolio, I want the text always visible without effect

[Harry]

Hi,

1. Please login to Snapppt https://snapppt.com/ > Shop the Feed and follow this screenshot http://prntscr.com/lxy8ff

2. Please add below code to claue > theme option > general layout > custom CSS

.portfolio-item .portfolio-title {
	top: inherit;
	left: inherit;
	opacity: 1;
	width: 100%;
	padding: 0 30px;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	position: relative;
	margin-top: 30px;
}

.portfolio-item:hover .portfolio-title {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[adikkt]

Thanks for your reply. But This is not what I asked.

https://adikkt.com/portfolio/ This page, items are displayed in masonry form. I want to show 4 columns with the even grid-like Snapppt showing its grid in the home page. (adikkt.com).

Also In portfolio page, I want the title to be shown always on the image not below.

 

Thank you

[Harry]

Hi,

1. For the portfolio grid, please change column in Claue > Theme Option > Portfolio > Number of Column

2. Please change code to

.portfolio-item .portfolio-title {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts