portfolio layout

  • Posted in : BookCard WP
  • scottscalish
    Participant

    Could you post the short code to how portfolio examples happy bear and cross browser are made. Can not get the same layout. Would guess it has something to do with alignment and side by side. I would like to get the description, client and technology tags side by side like in the portfolio example cross browser. And getting the description, client, technology tags and button next to the image like the portfolio example happy bear.

    http://themes.pixelwars.org/bookcard-wp/#/portfolio

    Thank You

    Mehmet S.
    Keymaster

    Hi, you can access all of the portfolio items content by simply importing portfolio sample data.

    Here is the content from the demo:

    Happy Bear:

    [column width="8"][portfolio_field][image src="http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/single-02.jpg" alt="Happy Bear"][image src="http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/single-05.jpg" alt="Happy Bear"][/portfolio_field][/column]
    
    [column width="4"]
    
    [portfolio_field]
    
    Description
    
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
    
    Established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.
    
    Client
    
    Apple Inc.
    
    Technology
    
    [tags]
    
    [tag text="HTML 5"][tag text="CSS 3"][tag text="jQuery"][tag text="Responsive Design"]
    
    [/tags]
    
    [button align_center="yes" text="LAUNCH PROJECT" url="#"]
    
    [/portfolio_field]
    
    [/column]
    

    Cross Browser:

    [column width="12"][portfolio_field][image src="http://themes.pixelwars.org/bookcard-wp/wp-content/uploads/2013/05/single-01.jpg" alt="Cross Browser"]<iframe src="http://player.vimeo.com/video/37254322?badge=0&color=ffffff" width="500" height="281"></iframe>[/portfolio_field][/column]
    
    [column width="5"]
    
    [portfolio_field]
    
    Description
    
    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
    
    [button align_center="yes" new_tab="" text="LAUNCH PROJECT" url="#"]
    
    [/portfolio_field]
    
    [/column]
    
    [column width="4"]
    
    [portfolio_field]
    
    Technology
    
    [tags]
    
    [tag text="HTML 5"][tag text="CSS 3"][tag text="jQuery"][tag text="Responsive Design"][tag text="PHP"]
    
    [/tags]
    
    [/portfolio_field]
    
    [/column]
    
    [column width="3"]
    
    [portfolio_field]
    
    Client
    
    Apple Inc.
    
    [/portfolio_field]
    
    [/column]
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register