1. Dismiss Notice

Make Three Image Placeholders Wider

Discussion in 'Poloray WordPress Theme' started by praxispartners, Aug 20, 2013.

  1. praxispartners

    praxispartners New Member

    Joined:
    Aug 13, 2013
    Messages:
    13
    Likes Received:
    0
    Hello. I made the updates Gourav recommended here: http://www.inkthemes.com/community/threads/three-feature-images.6716/

    This worked well. However, I was wondering if it is possible to make the three images and content sections wider. Right now, there is a lot of white space between the three images (since there is usually 4 images there). Can you recommend a way to update the theme so the three circle images (and the content below them) are wider, with less white space?

    See: http://www.praxispartnersllc.com/test/
     
    praxispartners, Aug 20, 2013
    #1
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .feature_inner_box.first {
width: 300px;
}
.feature_inner_box {
width: 300px;
margin-left: 0px;
}
.feature_inner_box.last {
width: 300px;
margin-left: 9px;
}
.feature_inner_box .circle img {
margin-left: 4px;
width: 189px;
height: 190px;
border-top-left-radius: 110px;
border-top-right-radius: 110px;
border-bottom-right-radius: 110px;
border-bottom-left-radius: 110px;
}
.feature_inner_box .circle {
margin-left: 45px;
width: 200px;
height: 200px;
border-top-left-radius: 110px;
border-top-right-radius: 110px;
border-bottom-right-radius: 110px;
border-bottom-left-radius: 110px;
}
    You can adjust these values as per your requirement.
    This will solve your issue.
     
    Piyush, Aug 20, 2013
    #2

Share This Page