Grow your CSS skills. Land your dream job.

Padding around images

  • # February 3, 2013 at 11:57 am

    Again i am trying to get rid of the ugly paddings around images. On my website http://www.pixeldesigns.nl/webedesign there is a padding around the image in the sidebar (top and bottom). Same problem on other pages.

    When i set the inner-padding in the CSS on 0 this does not do the right thing! There must be another way for it :)

    Another problem on this page http://www.pixeldesigns.nl/huisstijl There is a padding above the slider. On the other pages there is no padding above the sliders.

    Hope soomebody knows the solution for this.

    Thanks!

    BR,

    Pascal Theune.

    # February 3, 2013 at 12:48 pm

    Hi there, is this not just caused because there is 18px padding on the element _.block-inner_? And then 10px on it in another media query?

    # February 3, 2013 at 2:24 pm

    It looks like there are multiple padding values set on the sidebar that are over riding one another that can get confusing and hard to manage. I’m not seeing exactly what you’re talking about though. Try reducing the number of values you’re setting there that will make the css more manageable. I mean it looks like you know what you’re doing just a manageability problem perhaps. Hope this helps!

    # February 3, 2013 at 2:51 pm

    Hello Thanks for responding!

    There is indeed a padding of 18px. When i set this to 0px (with firebug to see what happends) the aligning of the sidebar-image is gone. Also the padding of the footer widget (contact-text) is gone when i change the padding to 0px.

    # February 3, 2013 at 2:54 pm

    Hello Jeff,

    To be honest for me it is hard to know exactly what i am doing. I try hard to learn CSS and his structure. This is just another WordPress theme and it is set to responsive.

    # February 5, 2013 at 4:04 am

    Solved with this code:

    .widget-eat-margins p {
    margin:0;
    }

    Happy!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".