Carpets (or folders) customize

• 

  31biscompliancers · Member · Nov 8, 2016 at 11:15 am

  • Copy link
  • Add topic to favorites

  Hi there!

  I would like to change the carpets (or folders) which appears on my homepage. They are currently 2 above other 2, but I would like them to be in an horizontal line. I am trying to personalize it but I’m not able to do it.
  Does someone could help me to modify this? I would like to see them all together (4) in an horizontal line.

  Thanks a lot. I really appreciate your help.

  Martí

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 11, 2016 at 12:17 pm

  • Copy link

  Hi Martí, are you talking about the four images linking to your portfolios? On 1080px and wider screens/windows, the display goes to 3 columns. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  @media screen and (min-width: 768px) {
  	#portfolio-wrapper .jetpack-portfolio {
  		width: 23%;
  		margin-right: 2% !important;
  	}
  	.wf-active .project-title {
  		font-size: 1.5rem;
  	}
  }

  I’ve used a Media Query to limit this to screens wider than 768px since below that things get too narrower when they are in 4 columns. I’ve also had to make the project titles smaller so that they still fit within the image boundaries.