Home › Forums › Themes Support › Claue › Portfolio Page Edit

Viewing 3 reply threads
Save
  • Author
    Posts
    • December 21, 2018 at 3:54 pm #27844
      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

    • December 21, 2018 at 9:55 pm #27853
      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

    • December 23, 2018 at 12:14 am #27855
      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

    • December 23, 2018 at 11:25 am #27860
      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
Viewing 3 reply threads
Save

You must be logged in to reply to this topic.