Using Visual Builder for creating portfolio page

Home Forums Jevelin Theme Using Visual Builder for creating portfolio page

Home Forums Jevelin Theme Using Visual Builder for creating portfolio page

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • Is there a way of creating the whole page using Visual Builder and not use the default Portfolio layouts (ie. default, gallery slider, video slider, iframe slider) for the top of the page?

     

    For example on one of my pages, http://shinyleung.com/project/food-angel-mobile-app/

     

    I want to be able to have one simple page layout which I can design with a title on top, single image, text block, single image text block layout without the interruptions of having the arrows, title and categories underneath the feature image.

     

    The would still like to have the arrows, title and categories to go at the top of the page but then the rest of the page I would like to be able to customize using Visual Builder. Is this possible?

    Hi @Shinykins,

     

    I hope you are well today and thank you for your question.

     

    To use Visual Builder for creating portfolio page, you have to enable it in the Page builder settings as described in the following topic.

     

    https://support.shufflehound.com/forums/topic/visual-page-builder-for-portfolio/

     
    Best regards,
    Shufflehound team

    Yes, I have tried that already but I can only seem to edit the area below the gallery slider template.

     

    http://shinyleung.com/project/food-angel-mobile-app/

     

    Is there a way of being able to control the layout of this whole page with Visual Builder?

    Is there a way of being able to control the layout of this whole page with Visual Builder?

    Currently not. We can only hide some elements on the page and change its appearance by developing custom CSS code.

    I see. In the documentation on how to create a portfolio post, how do you get the page setting to be a ‘single page layout’? (see attached) And what does this look like?

     

    Currently, my page setting just gives me the portfolio layout options.

    Attachments:
    You must be logged in to view attached files.

    In the recent version of theme we have just renamed Single page layout field to Portfolio layout as shown in the attached screenshot but its functionality is same.

    I see. Looks like I will need to update my theme!

    I have played around with the page settings a bit more and have chosen a header style that I quite like but was wondering if there is a way of hiding the ‘Blog post’ title and moving the breadcrumbs over to the left?

    And also is there a way of controlling the size of the breadcrumb text?

     

    http://shinyleung.com/project/food-angel-mobile-app/

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .single-fw-portfolio .titlebar-title.sh-table-cell {
        display: none;
    }
    
    .single-fw-portfolio #breadcrumbs {
        float: left;
    }
    
    .single-fw-portfolio .sh-titlebar .title-level .separator:before,
    .single-fw-portfolio #breadcrumbs * {
        font-size: 14px;
    }
    
    .single-fw-portfolio #page-container .sh-titlebar .title-level .separator{
        font-size: 0;
    }

    Thank you so much!

     

    And is there a way to remove the two arrow buttons below the feature image AND have the title, which in this case is ‘Food Angel Mobile App’, move up to that position?

     

    http://shinyleung.com/project/food-angel-mobile-app/

    And is there a way to remove the two arrow buttons below the feature image AND have the title, which in this case is ‘Food Angel Mobile App’, move up to that position?

    Sure use below custom CSS code to achieve this.

    .single-fw-portfolio .sh-portfolio-single-buttons {
        display: none;
    }

    Thank you;-)

    And how about removing both lines underneath the title and category?

    Use below CSS code to remove bottom lines.

     

    .single-fw-portfolio .sh-portfolio-single-title,
    .single-fw-portfolio .sh-portfolio-single-info-item {
        border-bottom: 0;
    }
Viewing 12 posts - 1 through 12 (of 12 total)