Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #652664

    Hi
    is it possible to position the thumbnales on top instead of at the bottom of big image?
    people cant see that there are thumbnails because the big pic is long.
    ajax display

    #652904

    Hi GuyMVI,

    I’m not sure if that would be possible but send us a link to your site and we’ll have a closer look.

    Thanks,
    Rikard

    #653535

    Thanks for your reply
    just made few css adjustnemt on child css and managet to display the thumbnails at the side of the big pic.
    this is even better than the top.
    also fixed the croping of thumbnales like it was sujestet in other topic.
    all good.

    #653558

    Hi!

    GLad you got it shortout! That is a really nice work!
    We would also appreciate if you could share the CSS, might come handy for someone else.

    Thanks a lot for your understanding.

    Cheers!
    Basilis

    #654145

    this is the css.
    little bit complicated because i needed to desig both ajax preview.
    one for full page and another for page that have sidebar.
    also the css maybe little bit rough, made it as quick as possible and got the result.

    /* ajax portfolio display the thumbnails at the side of the big pic instead of the bottom */ 
    .avia-gallery-thumb img {
    	max-height:160px;
    	width:auto;
    }
    
    .avia-gallery-thumb  {
    	margin-bottom:12px;
    }
    
    #top .portfolio-preview-image {direction:rtl}
    #top .portfolio-preview-image .avia-gallery img  {
    float: none;
    padding: 7px !important;
    width: auto;
    display: inline-block;
    clear:none;
    }
    
    #top .portfolio-preview-image {padding-top:40px;}
    #top .portfolio-preview-image .avia-gallery .avia-gallery-big-inner {
    text-align: center;
    
    }
    #top .portfolio-preview-image .avia-gallery a  {
    float:right !important; max-width:100% !important;
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-no-crop-thumb   {
    float:right !important; max-width:320px !important;
    height:auto !important;
    margin-left:33px !important;
    /*background-color:#0F3;*/
    border:none !important;
    
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner img  {
    max-width:280px !important;height:auto !important
    
    }
    
    #top .avia-gallery-big ,.fakeLightbox ,.avia-gallery-big-inner   {
    float:right !important; max-width:320px !important; height:auto !important
    
    }
    
    .avia-gallery-thumb { /*background-color:#039;*/ max-width:50% !important; float:right;}
    .avia-gallery-thumb img {border:none !important}
    
    /* display of ajax ortfolio entry when there is right sidebar */
    .sidebar_right .portfolio-preview-image {width:80%; !important; padding-right:22px;}
    .sidebar_right   .portfolio-entry  { width:100% !important;}
    .sidebar_right .avia-gallery-thumb { max-width:50% !important }
    
    .sidebar_right .avia-gallery-thumb img {
    	max-height:120px;
    	width:auto;
    }

    no side bar
    with side bar

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘change the portfolio ajax thumbnale position’ is closed to new replies.