Two column thumbs in home page

• 

  alevgz · Member · Feb 17, 2019 at 11:46 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m using the theme Blask and was wondering how can I make it so in the home page, I have only 2 columns of posts thumbnails instead of 4. I like it much better how it looks for smaller devices and would like to force it to keep bigger images for the full screen desktop view.
  This is my website: https://gutipackaging.com/

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

• 

  charleybea · Member · Feb 18, 2019 at 10:14 pm

  • Copy link

  Hello @alevgz,

  If you are on the Premium or Business Plan, you should be able to achieve what you’re after with some custom CSS.

  To add CSS using the editor, go to your Customizer and click on the CSS tab.

  Copy and paste the following code at the bottom of the editor:

  @media screen and (min-width: 1440px) {
  .portfolio-wrapper .portfolio-entry {
  width: 46%;
  }
  }
  
  @media screen and (min-width: 1260px) {
  .portfolio-wrapper .portfolio-entry {
  width: 46%;
  }
  }

  What this code does is ensure that desktops and devices with a view of 1025px wide or larger will show this content in 2 columns instead of 4 as requested.

  I hope this helps! If you give this a try, please let me know how it goes. :)

• 

  alevgz · Member · Feb 18, 2019 at 11:27 pm

  • Copy link

  Hi @charliebea! This is exactly what I was needing! It works perfectly, thank you so much!!

• 

  charleybea · Member · Feb 19, 2019 at 12:51 am

  • Copy link

  You’re welcome! So glad to hear it worked well for you. :)