Dyad2-smaller grid

• 

  slikkingztourstravel · Member · Jul 4, 2017 at 5:20 pm

  • Copy link
  • Add topic to favorites

  How can I change the size of the grid images & content on the home page to a smaller size?

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

• 

  aportbury · Member · Jul 5, 2017 at 2:35 am

  • Copy link

  Hey slikkingztourstravel,

  I can’t see your site, as it’s marked as private, but when I view the demo site for the Dyad 2 theme I can see that different image sizes are used depending on the width of the screen.

  When viewed from a laptop, there are 3 smaller images per row, with content areas beside each image.

  When viewed from a tablet, the images appear to be a little larger, with one image and one content area per row.

  Which layout (Desktop, tablet or mobile) are you wanting to change?

  Depending on what you’re trying to achieve, I may be able to help find a solution.

  Let me know :)
  Aaron

• 

  thesacredpath · Member · Jul 5, 2017 at 7:00 am

  • Copy link

  Hi @slikkingztourstravel, this would require the WordPress.com Premium Plan upgrade and custom CSS, and on Dyad 2, this is a monumental task. It requires a lot of code since the images and text on each post on the main page alternate sides for each row.

  I might suggest looking at some different themes that have a similar grid of posts, but smaller.

• 

  thesacredpath · Member · Jul 5, 2017 at 7:05 am

  • Copy link

  We could narrow the entire site and then on wider screens there would be blank area to the left and right of the content.