• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Portfolio alignment issue

Home › Community Forums › Epik Theme Support › Portfolio alignment issue

Tagged: alignment, css, epik, portfolio

  • This topic has 13 replies, 2 voices, and was last updated 8 years, 7 months ago by Wes.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 29, 2014 at 11:31 am #11507
    sfriend
    Customer

    Wes, I followed the directions in http://appfinite.com/topic/portfolio-problem/#post-8091

    But am still having alignment issues with the portfolio. Page through this and you’ll see: http://floridahikes.com/blog

    It may be an issue with the clear statement in the CSS. Where should I be placing it? (Which file and where in the CSS).

    Thank you for your help!

    March 29, 2014 at 6:07 pm #11515
    Wes
    Moderator

    Looks like it’s missing the code that supposed to show up from the page_portfolio.php file. Make sure and replace that code as mentioned in the tutorial and then it should show up since you already have the css added.

    May 25, 2014 at 5:01 pm #12423
    sfriend
    Customer

    Did that. No luck (although it DID work on an installation of Optimal that I’m using elsewhere).
    See http://floridahikes.com/travels
    Suggestions? Thank you.

    May 25, 2014 at 11:42 pm #12436
    Wes
    Moderator

    It’s still missing the code that’s supposed to be added in the page_portfolio.php. You can find that in the tutorial above –

    // Clear float using genesis_custom_loop() $loop_counter variable
    // Outputs clearing div after every 4 posts
    // $loop_counter is incremented after this function is run
    add_action( 'genesis_after_post', 'portfolio_after_post' );
    function portfolio_after_post() {
        global $loop_counter;
        
        if ( $loop_counter == 3 ) {
            $loop_counter = -1;
            echo '<div class="clear"></div>';
        }
    }

    Once you add this in your portfolio template, then this will show up on your site – <div class="clear"></div> which will link to the css I mentioned earlier.

    June 1, 2014 at 8:42 am #12526
    sfriend
    Customer

    Did the above but still having the alignment trouble. Not sure what to do next.
    Thanks, Sandra

    June 1, 2014 at 12:02 pm #12535
    Wes
    Moderator

    Are you able to create a temporary username/password for me? I can log in and get this fixed for you…..If you can just add it here as a private message.

    June 4, 2014 at 1:44 pm #12570
    sfriend
    Customer
    This reply has been marked as private.
    June 6, 2014 at 11:42 am #12580
    Wes
    Moderator

    Just got it fixed ๐Ÿ™‚ You were supposed to add the second block of code from the tutorial – http://appfinite.com/topic/portfolio-problem/#post-8091&#8230;..when I checked your file it had the first block of code.

    I commented out the older code and added the new code right under so you can see what I did.

    Whenever you’re done setting everything up be sure and add it to the Showcase – http://appfinite.com/showcase-your-site

    June 7, 2014 at 11:01 pm #12594
    sfriend
    Customer
    This reply has been marked as private.
    June 8, 2014 at 9:38 am #12597
    Wes
    Moderator

    I was going based on this link – http://floridahikes.com/travels Check that one out and let me know how it looks. I think the issue is there are two Portfolio templates inside your theme. I only changed one of them. Do you remember creating an extra one, or was that there by mistake? If so, you can either delete the extra one (without the modified code) or you can go to the pages were you have it selected as a template and select the other template.

    June 13, 2014 at 9:51 am #12652
    sfriend
    Customer

    The second one is a backup before code changes. Not sure why it’s showing up in the theme editor, but all pages use the primary one. If you go to page 2 of http://floridahikes.com/travels, it’s misaligned. The problem appears to occur in Page 2 or Page 3, rarely Page 1. I’ll see about deleting that backup just in case.

    June 14, 2014 at 9:37 am #12669
    Wes
    Moderator

    Ok let me know if that fixes it.

    June 27, 2014 at 10:46 am #12882
    sfriend
    Customer

    Finally was able to delete that subdirectory and presto, it works! Thanks so much for your help. The site looks far better now with portfolios aligned as they should be.

    June 27, 2014 at 10:47 am #12883
    Wes
    Moderator

    You’re Welcome!

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework