How to reduce space/padding on front page

Discussion in 'Cloriato WordPress Theme' started by nicke63, Nov 2, 2013.

  1. nicke63

    nicke63 New Member

    Joined:
    Jan 28, 2013
    Messages:
    13
    Likes Received:
    0
    Hi,

    Could you please tell me (or send me the code) how I can reduce space/padding between the 3 coulumn and footer on the front page as well as between the heading and text within the footer.

    Many thanks in advance!

    /Niklas
     
  2. Piyush

    Piyush Support Staff

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

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .feature_content {
    padding-bottom: 10px;
    }
    .home_content_wrapper {
    padding-bottom: 10px;
    }
    .widget_inner h3 {
    margin-bottom: 10px;
    }
    You can adjust the value of "padding-bottom" and "margin-bottom" as per your requirement.
    This will solve your issue.
     
  3. nicke63

    nicke63 New Member

    Joined:
    Jan 28, 2013
    Messages:
    13
    Likes Received:
    0
    Hi Piyush!

    Many thanks for your quick help!

    I do have another querie: How can I reduce the padding in the top (above) where the logo and menu is placed? I also want the logo to be placed (to the left) in line with the menu. How to do? Please check my website on www.eskilstunatrail.se compared to www.teamnordictrail.se, which show how their logo and menu i set and how I want it too.

    Otherwise, your theme is fantastic and simple!

    /Niklas
     
  4. Piyush

    Piyush Support Staff

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

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    #menu .ddsmoothmenu {
    margin: -25px 0 0;
    }
    .top_right_bar {
    margin-top: -25px;
    }
    #menu .ddsmoothmenu li {
    float: right;
    }
    #menu .ddsmoothmenu {
    margin: -46px 0 0;
    }
    This is the possible solution.
    You can adjust these values as per your requirement.
     
  5. nicke63

    nicke63 New Member

    Joined:
    Jan 28, 2013
    Messages:
    13
    Likes Received:
    0
    Thanks Piyush!

    One last request (hope you don't mind): Could you please send me the code to reduce the padding in the very top (above the logo and social icons) as well as reducing the padding below the front page slider (between the slider and heading below).

    After that I'll be happy and satisfied!

    All the best

    /Niklas
     
  6. Nitesh

    Nitesh Support Staff

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

    I have checked your site and i think you have removed it by your self.
    Please do contact again for further queries.
     

Share This Page