the slider box?

Discussion in 'GeoCraft WordPress Theme' started by goharnett, Jan 8, 2013.

  1. goharnett

    goharnett Member

    Joined:
    Dec 27, 2012
    Messages:
    34
    Likes Received:
    0
    How can I size my pictures correctly for the slider box?

    I don't like how it reduces my photos and cuts off parts of it. That's what I would like to prevent.

    any suggestions?

    Eugene
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    The feature of carousel slider is to crop the images, Therefore images are cuts offs, If you want to reduce these cut offs effect, Use recommended size image

    Recommended size of slider image is

    height: 140px
    width: 195px
     
  3. goharnett

    goharnett Member

    Joined:
    Dec 27, 2012
    Messages:
    34
    Likes Received:
    0
    does that size work well too with the photos on the listing page itself? That page stretches the photo. Will this size work well with that?

    thanks.
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    If you don't want cropped images for front page then you can follow instructions given below.
    Open front-page.php and increase values as shown in image.
    [​IMG]

    Follow same process for line no 156 and 158, 220 and 222.

    You can add images of dimension 400px X 250px.
     
  5. pegasus6464

    pegasus6464 Member

    Joined:
    Sep 9, 2013
    Messages:
    68
    Likes Received:
    5
    I'm trying to increase the size of the thumbnails carousel in my classicraft theme

    I set:

    <?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())) { ?>
    <?php cc_get_thumbnail(195, 140); ?>
    <?php } else { ?>
    <?php cc_get_image(195, 140, '', $postimg); ?>
    <?php


    (default was 68x68)

    But are at 68x68 yet! :)
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160

    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    #slider_wrapper #cc_carousel{
    max-height:250px;}
    #slider_wrapper li img{
    height:195px;
    width:140px;}
    #slider_wrapper .jcarousel-next-horizontal {
    top: 93px;}
    #slider_wrapper .jcarousel-prev-horizontal {
    top:93px;}
     

Share This Page