Text next to portfolio thumbnails

  • Posted in : BookCard WP
  • MartinM
    Participant

    I am doing portfolio schedule for a small theatre, one of departments are shows playing this month.

    Is there a way to get portfolio thumbnails to be in single column and display beginning of the text next to thumbnail as shown down in the photoshoped preview?

    thank you!

    NOW: http://oi39.tinypic.com/a5j11s.jpg

    GOAL: http://oi43.tinypic.com/34fidtd.jpg

    Mehmet S.
    Keymaster

    This is not possible by default, needs more further customization, you may consider working with a professional, if you are not familiar to WordPress coding.

    hexeric
    Participant

    my question is concerning the portfolio as well but when it is opened!
    how do i put pictures and text next to each other in different portfolio_fields?
    when i “inspect element” in firefox on your demo there are “span4” and “span8” portfolio fields aligning perfectly next to each other and rearranging when screen size/device changes.
    how do i achieve this in WP editor? shortcode only gives me “portfolio field” and that’s always spanning over the whole page.
    p.s. what does “column” do? and also: tags do not work, i only get text and no graphical tags.

    ahmetsali
    Keymaster

    @hexeric

    you can wrap your portfolio_field shortcode with column shortcode. Here is the sample content for a portfolio single page;

    [column width="8"][portfolio_field]
       Your images/videos here.
    [/portfolio_field][/column]
    
    [column width="4"]
    
    [portfolio_field]
    <h3>Description</h3>
    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.
    <h3>Client</h3>
    Apple Inc.
    <h3>Technology</h3>
    [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]
    
Viewing 4 posts - 1 through 4 (of 4 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