Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 2, 2014 at 12:03 am #204334
    yingfuli

    Hi,

    I’m searching for a way to reduce the space between the various elements on my homepage: http://www.gc-vitae.nl/homepage/

    For example the space between the slider and the two text blocks, and the space between the text blocks and the color section, and so on… I’ve tried various CSS codes but nothin worked (though it did in Firebug).

    Thanks,

    Ying-Fu

    January 2, 2014 at 3:06 am #204356
    Ismael

    Hi yingfuli!

    You can adjust the content div padding using this:

    .content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}

    Regards,
    Ismael

    January 2, 2014 at 1:50 pm #204477
    yingfuli

    Hi Ismael,

    That doesn’t work alas. At least not on the homepage.

    January 2, 2014 at 3:41 pm #204496
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    body .column-top-margin {
margin-top: 10px;
}

    And the code Ismael posted is not being applied. Please try adding it to bottom of Style.css file of your child theme in Appearance > Editor

    Regards,
    Yigit

    January 2, 2014 at 4:25 pm #204519
    yingfuli

    Hi Yigit,

    Tried what you said but the homepage won’t change one bit.

    January 2, 2014 at 5:55 pm #204558
    Yigit

    Hi!

    Please try adding !important to force css codes 

    .content, .sidebar {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
body .column-top-margin {
margin-top: 10px!important;
}

    then flush browser cache and settings of caching plugin if you are using any and refresh your page a few times

    Cheers!
    Yigit

    January 3, 2014 at 1:52 pm #204982
    yingfuli
    This reply has been marked as private.
    January 3, 2014 at 11:39 pm #205185
    Yigit

    Hey!

    Sure, you can post it here privately. Make sure to check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Best regards,
    Yigit

    January 4, 2014 at 4:40 pm #205342
    yingfuli
    This reply has been marked as private.
    January 5, 2014 at 8:05 am #205509
    Ismael

    Hey!

    I tried it on Quick CSS but it is not working. Do you have access to the custom.css? Please add Yigit’s and my code there:

    .content, .sidebar {
padding-top: 10px!important;
padding-bottom: 10px!important;
}

body .column-top-margin {
margin-top: 10px!important;
}

    Edited: I added the changes directly on header.php and it seems to work now: http://www.gc-vitae.nl/

    Best regards,
    Ismael

    January 5, 2014 at 1:20 pm #205543
    yingfuli

    You guys rock!

    Thanks!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Padding’ is closed to new replies.