AT Slider dimension - Acme Themes
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10067
    Milena
    Participant

    In Home Main Content Area I put some widgets including At Slider. It is a litle big for my taste, how could i change dimension of A Slider?
    MIlena

    #10089
    acmesupports
    Moderator

    Hello Milena,
    Please add the below CSS codes in Appearance > Customize > Layout/Design Options > Custom CSS to reduce the height of the slider on Home Main Content Area.

    .slider-section.widget-slider img {
        height: 300px !important;
    }

    If you want to increase/decrease the height, you can increase/decrease the pixel written above.
    Let us know about the results.
    Please use the respected theme forum for the theme specific queries.

    Regards
    Acme Supports

    #10153
    Milena
    Participant

    Ok I can change height but when I try to decrease width (so image won’t be stretched), the size of image decreased, but the area containing title, details and description (gray ribbon at the bottom of slider) didn’t change dimension. So now it is large then the image in slider. How to fix that ?

    Also how to change same area in featured slider (gray ribbon at the bottom of slider)? I want to decrease just height so that it does not cover so much of image.
    The theme is supermagpro.
    Thanks

    #10190
    acmesupports
    Moderator

    Would you please share your site url with us? And if the height of the slider decrease, the image will be stretched. So, if you decrease the height of the image, you need to decrease the width as well.

    Thank You

    #10195
    Milena
    Participant

    I try to decrease width but the code you provided decrease size of image but not the rest of slider(grey ribbon on bottom of slider did not decrease).
    URL is: http://www.magazinnina.me/ AT slider is in Home Main Content Area.

    #10200
    acmesupports
    Moderator

    Please decrease the width by using the below codes:

    .slider-section{
      width:600px;
    }

    The above is example code, decrease/increase the pixel of the above given code to decrease the width.

    Try once and let us know.

    Regards

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘AT Slider dimension’ is closed to new replies.