i need some CSS help with adding a 5px padding on the sides

Hi,
i need some CSS help with adding a 5px padding on the left and right of the Product pages: http://tinyurl.com/oy24vkf
Currently its edge to edge. - see here http://www.tiikoni.com/tis/view/?id=8a3e1e1

Thanks

Tom

  • Adam Czajczyk
    • Support Gorilla

    Hey Tom,

    I hope you're well today and thank you for your question!

    To add padding on the left and right edge of the pages you may use this CSS rule:

    #container {padding:0 5px 0 5px}

    This will add a padding of 5px to both sides. You may want to replace the "5px" value with your own. The values here are (respectively from left to right) - top, right, bottom, left.

    If you're using a child theme as your current theme, please put this code into the style.css file of your child theme. Otherwise you may want to use this plugin to add custom CSS styles:

    https://wordpress.org/plugins/simple-custom-css/

    I hope that helps!

    Cheers,
    Adam

  • Adam Czajczyk
    • Support Gorilla

    Hey Tom,

    I'm glad I could help!

    I've checked your site again. To add padding globally you may wan't to change the CSS code a bit, replacing "#container" with "#page".

    Instead of this

    #container {padding:0 5px 0 5px}

    just try this code:

    #page {padding:0 5px 0 5px}

    Ultimately, if this still doesn't affect your entire site, you may want to replace "#page" with "body" (note there's no "#" sign).

    I hope that helps!

    Cheers,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.