Jump to content
wendygordon

Agency - portfolio section sizing

Recommended Posts

wendygordon

Is there any way to change the sizing and layout of the portfolio section of Agency to make it so I can control the number of items and size for the grid?  ie.  I want 4 rows of 2 square items.

Thanks

Share this post


Link to post
Share on other sites
edgarcheverier

The Grid and Sizing control in the Agency Extension is for the whole extension.

If you want to change that area, you can hide the Portfolio and use another extension.

Share this post


Link to post
Share on other sites
wendygordon

i dont think i explained what i want to do well enough.  Specifically in the portfolio section, i do not want the images to appear in that "random-masonic" format.  I just want a grid of boxes.  Can I do that?

Share this post


Link to post
Share on other sites
chrisayers

Open the  pl-section-agency.php

Look for this area of code about 2/3 of way down.

image.thumb.png.3e8523f8a9000441a27c55ceb5711541.png

<div class="plag-module plag-portfolio" data-bind="style: { 'background-color': plag_portfolio_bg }, plclassname: [plag_portfolio_scheme(), plag_hide_portfolio() == 1 ? 'hide-module' : '']">

          <div class="portfolio-wrap">
              <div class="portfolio fix">
                <div class="portfolio-list pl-row" data-bind="foreach: plag_portfolio_array">

                    <div class="pl-col-lg-4 pl-col-sm-4 pl-col-ss-6 isotope-item">

                        <article class="project">
                          <a href="#" class="project-link" data-bind="plhref: image, attr: { 'data-caption': title() + ': ' + text()  }" data-fancybox="project" data-caption="">
                            <img class="project-image" src="" data-bind="plimg: image">
                            <div class="project-content">
                              <div class="project-content-inner">
                                <h4 class="headline project-title" data-bind="pltext: title"></h4>
                                <p  data-bind="pltext: text"></p>
                              </div>
                            </div>
                          </a>
                        </article>

                    </div>

                </div>

                <div class="clear" style="clear:both;"></div>
              </div>
          </div>

        </div>

Change the pl-col-lg-4 and pl-col-sm-4  both to 6 wide like this.

image.thumb.png.45d82a18bb8c5e872342577f777a2777.png

 <div class="plag-module plag-portfolio" data-bind="style: { 'background-color': plag_portfolio_bg }, plclassname: [plag_portfolio_scheme(), plag_hide_portfolio() == 1 ? 'hide-module' : '']">

          <div class="portfolio-wrap">
              <div class="portfolio fix">
                <div class="portfolio-list pl-row" data-bind="foreach: plag_portfolio_array">

                    <div class="pl-col-lg-6 pl-col-sm-6 pl-col-ss-6 isotope-item">

                        <article class="project">
                          <a href="#" class="project-link" data-bind="plhref: image, attr: { 'data-caption': title() + ': ' + text()  }" data-fancybox="project" data-caption="">
                            <img class="project-image" src="" data-bind="plimg: image">
                            <div class="project-content">
                              <div class="project-content-inner">
                                <h4 class="headline project-title" data-bind="pltext: title"></h4>
                                <p  data-bind="pltext: text"></p>
                              </div>
                            </div>
                          </a>
                        </article>

                    </div>

                </div>

                <div class="clear" style="clear:both;"></div>
              </div>
          </div>

        </div>

This will get you 2 wide and as many rows as you need. The rest ( making them square ) will be in CSS.

image.thumb.png.b28ed50749e4c38f63333c0576c39a94.png

 

Edited by chrisayers (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites
wendygordon

Awesome!!!  thank you sooo much!

Share this post


Link to post
Share on other sites
chrisayers
4 minutes ago, wendygordon said:

Awesome!!!  thank you sooo much!

You are welcome.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×