Awesome Filterable Portfolio
[resolved] Spacing between images (3 posts)

  1. lisamv
    Posted 3 years ago #

    How do you put a space between each portfolio image so they are not butted right up against each other which looks pretty bad. Also notice that when I click on the different categories the images jump to the right a little as the page loads, another thing that looks pretty bad.



  2. ashleyrodan
    Posted 3 years ago #

    Just had todo this so I happy to share my knowledge.

    1. Navigate to plugins> editor
    2. select awesome filterable portfolio plugin
    3. back up the code
    4. scroll all the way down to line 770
    5. add style="width: 205px; padding-left: 50px;" to Li

    $output.='<li class="afp-single-item" data-id="id-' . $k . '" data-type="' . ereg_replace("[^A-Za-z0-9]", "", $item->item_category) .'">

    Go that helps.

    Its not the best way, but it works!

  3. BriniA
    Plugin Author

    Posted 3 years ago #

    ashleyrodan that's a great way to do it. You can also add a new rule to your theme's style.css file. Something like this:

      width: 205px;
      padding-left: 50px;

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Awesome Filterable Portfolio
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.