Reducing the slide image margins

Discussion in 'Figero WordPress Theme' started by rostin, Dec 9, 2012.

Thread Status:
Not open for further replies.
  1. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    Is is possible to reduce the space above and below slide image to 5px?
    Thank you.

    slide.jpg
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Write this code in custom CSS
    Appearance > Theme option > Styling Options >Custom CSS

    Code:
    .slide .images {
    margin-left: 50px;
    text-align: right;
    margin-left: 50px;
    line-height: 380px;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    }

    Code:
    .slide .images img {
    width: 516px;
    height: 300px;
    margin-bottom: 0px;
    margin-top: 0;
    }
    It will solve your issue.

    Thanks
     
  3. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    Hi Piyush,
    Didn't work. I emailed you my wp-useranme/pass.

    Thanks
     
  4. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    Put the following code in your custom css

    Appearance -> theme options -> styling options -> custom css
    Code:
    .slide .entry {
    margin-top: 5px;
    padding-bottom: 0px;
    }
    a.btn-1, a.btn-2 {
    margin-bottom: 0px;
    margin-top: 10px;
    }
    .slide .images {
    line-height: 320px;
    padding-top: 0px;
    }
    
    This will solve your problem.

    Thanks.
     
    rostin likes this.
  5. rostin

    rostin Member

    Joined:
    Nov 20, 2012
    Messages:
    88
    Likes Received:
    2
    Worked fine. Tnx.
     
Thread Status:
Not open for further replies.

Share This Page