Before you ask please READ THIS

Single Portfolio Page Images

edited April 2013 in Skyfashion Posts: 3
Is it possible to change vertical position of images to horizontal?
I mean in single portfolio page, I would like to see small photos (2 in a row horizontally).
I managed to adjust photo sizes but how can I change DIV#variant-verical ?
I attach the example I would like to see in the single portfolio page.

Will you please help me?

Comments

  • Hi,
    you need to set float: left attribute to all photos if you set them width before.

    Best,
    Miłosz
  • Posts: 8
    Hi,
    I have the same problem as theoryginal, but cant figure out how to adjust the float - adjusting the float in layout.css doesnt work.

    This is my single portfolio page http://www.showroom-online.pl/?portfolio=73 how can I add the second column in this page. Help please...

    Marcin
  • Posts: 493
    hi casikr,

    Under link you have send there isn't any images. Please send a correct link and i will try to help you.

    With regards
  • Posts: 8
    Hi Argone,
    sorry for that - meanwhile i did some changes to the site. This is the correct link now:
    http://www.showroom-online.pl/portfolio/zdjecia-7/ I need those pictures in two colums. As you can see I've edited the css so the pictures are smaller (this works only when the post with portfolio pictures comes from some post text in the sidebar ).
    best regards
    Marcin
  • Posts: 493
    Hi casikr,

    Firstly open file apollo13.php in your advanced folder of skyfashion theme.

    About line 2224 you have code like this:
    
                                $img_style = '';
                            }
                            echo '<div id="variant-verical">';
                            foreach ($slides as $slide) {
    
    
    change it to:
    
                                $img_style = '';
                            }
                            echo '<div id="variant-verical" class="clearfix">';
                            foreach ($slides as $slide) {
    
    
    after that in your file common/css/layout.css at the bottom of file add code:
    
    .vert-item { float: left; }
    
    
    and then let me know if it works :)

    With regards
  • Posts: 8
    Hello Argone,
    sorry, I managed to add class to div#variant-verical and set left float to .vert-item in layout.css, but nothing has changed to the site, I have still just one column of photos.
    Regards
    Marcin
  • Posts: 493
    Hi Marcin,

    Please change css code to from the last part:
    #portfolio_photos { width: 700px; } 
    .vert-item { float: left; width: 250px; }
    With regards

  • Posts: 8
    Hi Argone,
    thank You - great support!
    with regards
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!