Portfolio items out of alignment.

Homepage › Community Forums › Epik Theme Support › Portfolio items out of alignment.

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2013 at 1:09 am #8475
    ashenkar
    Customer

      Hi There!

      Great theme, really happy to have purchased it!

      My homepage uses customized portfolio template, but the issue was there even before any edit. As you will see, the posts don’t align right:

      http://iskconme2.wpengine.com/

      I’ve already applied the fix from this post:

      https://appfinite.com/topic/portfolio-problem/#post-8091

      What can I do to fix this?

      Thanks!

      -Alexander

      October 27, 2013 at 1:44 pm #8478
      Wes
      Moderator

        Just add this code to your css – 

        .clear {
	clear: both;
}

        ….and that should be it.

        I’m almost done with a few other projects I’ve been working on, so I’ll be applying that update an a few more to some of themes very soon.

        October 27, 2013 at 3:17 pm #8483
        ashenkar
        Customer

          Thanks! That did it. I really appreciate you answering me on a Sunday.

          Next challenge will be to have 3 rows instead of three.

          I found the code from this:

          .content .portfolio {
          width: 23%;
          }

          to this:

          .content .portfolio {
          width: 30%;
          }

          It changes the width, but then the misalignment returns and its no longer responsive.

          No need to answer right a way – have a good weekend. And thanks again! -Alexander

          October 28, 2013 at 1:43 pm #8503
          Wes
          Moderator

            Remember that other post that added the <div class="clear"></div>? That code in the portfolio file adds it after every 4 posts. So change it from 4 to 3 like this –

            Change 

            // Assumes 4 posts per row
	$end_row = ( $wp_query->current_post + 1 ) / 4;

            To this – 

            // Assumes 3 posts per row
	$end_row = ( $wp_query->current_post + 1 ) / 3;
            October 28, 2013 at 2:35 pm #8506
            ashenkar
            Customer

              Worked like a charm- everything is in alignment. Looks good – thanks! We can close this one out.

              October 28, 2013 at 3:59 pm #8513
              Wes
              Moderator

                You’re Welcome!

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Portfolio items out of alignment.’ is closed to new replies.