Change rectangels to boxes

• 

  quirkycards · Member · Jan 21, 2015 at 10:53 am

  • Copy link
  • Add topic to favorites

  Hi there

  I was wondering if using CSS code its possible to make the small rectangle boxes (below the slider) square not rectangular?

  This is the page I’m referring too:

  http://quirkycards.net/

  thanks

  matt

  The blog I need help with is quirkycards.wordpress.com.

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

• 

  staff-happychia · Staff · Jan 21, 2015 at 5:48 pm

  • Copy link

  Please try this.

  .flexslider .entry-header {
  padding: 33px 10px 33px 10px;
  }

  Please note that the box will turn into square with the longer portfolio names than the current names.

• 

  quirkycards · Member · Jan 21, 2015 at 5:57 pm

  • Copy link

  thanks for replying. Using your code I have made the “rock out” tinted box square.

  Is there a way to make the boxes below that square (they are purple, blue, red and in a row of three at the moment).

  matt

• 

  staff-happychia · Staff · Jan 21, 2015 at 6:06 pm

  • Copy link

  The purple, blue and red, and other thumbnails already look square to me.

• 

  quirkycards · Member · Jan 21, 2015 at 6:20 pm

  • Copy link

  hi sorry I mean equal size in height and width. So at the moment they are in pixels:

  312 (w) x 235 (h)

  But i would like them to be:

  312 (w) x 312 (h)

  Thanks

  Matt

• 

  quirkycards · Member · Jan 21, 2015 at 7:11 pm

  • Copy link

  I think I’ve figured it out now using your code as a template, thanks

• 

  staff-happychia · Staff · Jan 21, 2015 at 9:18 pm

  • Copy link

  Cool. Happy blogging. :-)