Changing home page posts size

Discussion in 'SpotMoto WordPress Theme' started by jigen, Apr 29, 2013.

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

    jigen New Member

    Joined:
    Apr 5, 2013
    Messages:
    14
    Likes Received:
    0
    Location:
    Turin, Italy
    Hello,

    thanks for your great themes.
    I am looking into changing the size (mainly height) of the items on the Home page, in particular I'd like to know how to modify the size for the posts: pictures and containers.
    I would like to get to a sort of "stripes" one for each product.

    Also, could I get the same help for the slider banner size?

    thanks a lot in advance for your support

    regards

    Enrico.
     
  2. Nitesh

    Nitesh Support Staff

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

    Please do let me know exact size which you want to achieve for post and slider images.
    We will provide you exact code for that. Because it require lot of changes in css.
     
  3. jigen

    jigen New Member

    Joined:
    Apr 5, 2013
    Messages:
    14
    Likes Received:
    0
    Location:
    Turin, Italy
    Hello,

    for slider: I would like to have the whole "container" around 295 pixels height, so the image would be approx 250 pixels inside?

    for posts: I would like to get the images about 130-15o pixels height, with less "border" between posts than now.

    I didn't specify measures as I am unsure about the final look, however I am confident in modifying CSS and PHP so please feel free to add explanations if appropriate.

    thanks again for the support

    regards

    Enrico.
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    1. For the slider,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .slider_container {
    padding-top: 25px;
    background-position: 0px -68px;
    position: relative;
    height: 271px;
    }
    .flex-direction-nav .flex-prev {
    top: 35%;
    }
    .flex-direction-nav .flex-next {
    top:35%;
    }
    2. For the Posts,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .content div.featureproduct {
    padding-bottom: 0px;
    margin-top: 30px;
    }
    .content .featureproduct.right .productimgbox img {
    height: 150px;
    padding-top: 40px;
    }
    .content .featureproduct .feature_image img{
    height: 150px;
    padding-top: 40px;
    }
    adjust the values as per your requirement.
     
  5. jigen

    jigen New Member

    Joined:
    Apr 5, 2013
    Messages:
    14
    Likes Received:
    0
    Location:
    Turin, Italy
    Hi Piyush,

    thanks for the support, this worked fine.
     
Thread Status:
Not open for further replies.

Share This Page