Okay
  Public Ticket #1466690
Portfolio Description placement
Closed

Comments

  • kschroers started the conversation

    I am using the Portfolio Gallery layout to show photo galleries of past events. Is there a way to move the project description area to the top of the page, rather than the bottom? Right now, the viewer has to scroll all the way to the bottom of the page to read about the event.

  •  1,321
    Qode replied

    Hello, 

    We do not have your page URL but we'll try to help. 

    With Portfolio Gallery type there is no option to move project info above the gallery, but you can try to do it via custom CSS - please insert the following code into Qode Options -> General -> Custom CSS field and see if it helps: 

    .single-portfolio_page .portfolio_single.portfolio_template_6 {
        display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: row wrap;
    }
    .single-portfolio_page .portfolio_single.portfolio_template_6 .two_columns_75_25 {
        order: 1;
        margin-bottom: 30px;
    }
    .single-portfolio_page .portfolio_single.portfolio_template_6 .portfolio_gallery {
        order: 2;
    }
    .single-portfolio_page .portfolio_single.portfolio_template_6 .portfolio_navigation {
        order: 3;
    }
    

    Best regards, 

    Qode

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode

  •   kschroers replied privately
  •  1,321
    Qode replied

    Hello, 

    You are welcome. 

    1) For this type of gallery we recommend using images with the same size. As you can see in the screenshot, all items 'float' to the left, some of them get stuck in between which causes gaps: 

    https://monosnap.com/file/r1niMzvQ9hqnGQ7D6IYNNhPeuFFV1K

    In our demos, we use images with the same size. 

    .............

    The alternative solution would be to use different type of gallery. You can try this out on a new, test portfolio. Instead of Portfolio Gallery type, select one of two custom portfolio types: Portfolio custom - in grid or Portfolio custom - full width. With these portfolio types you'll have to build the entire portfolio page via WPBakery Page Builder, just like with regular pages. First you need to enable WPBakery Page Builder for blog posts and portfolios - go to WP admin -> WPBakery Page Builder -> Role Manager -> Post types: Custom -> enable page builder for all post types, including 'post' and 'portfolio_page':

    https://monosnap.com/file/oThPgaq8UmW7PZRbvfWd2nFHXMg7m5

    The gallery element that accepts images with different size is Masonry Media Grid. To be able to use it, make sure to enable Grid Elements in WP admin -> Qode Options -> Visual Composer:

    https://monosnap.com/file/mlBxoeffpjmJ5GsGF8iRAap3oSm9AC

    After that, Masonry Media Grid element will be available in page builder and it will allow you to use images with different size: 

    https://monosnap.com/file/d6PeS8UeRbglFjGB4WISHqixEGc0oi

    The result on our test site: 

    https://monosnap.com/file/QXKtcU0xYLDBxGyIrlKyk0cPerg0cB

    2) Title area on portfolio page looks different because of the Overlapping Content option, which is enabled under Qode Options -> General: 

    https://monosnap.com/file/GMXTp5oc747n2MPHwQkQo0WXEZB45Y

    If you disable this option: 

    https://monosnap.com/file/8XfQKeW0MtkY4V1V9zFHv9Y66cCv2G

    ...title areas will have the same same height: 

    https://monosnap.com/file/Vx9p17DPfBXsqZzkHPprfJwhMMZgK2

    https://monosnap.com/file/xppjLy94yqeYttaER8d1z7r8ucuUOX

    Best regards, 

    Qode

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode