Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #568062


    I’m still struggling making the content in this site line up full width with the width of the boxed layout.

    I’ve created a colour section and given it an ID of pricing_page then used:

    #pricing_page * {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

    To make the content line up full width as you can see with this screenshot: Content full width of the boxed layout

    But as you can see the padding on the tabs has also been removed. I thought this would be easy to get back by adding a bit of CSS:

    .tabcontainer div[itemprop="headline"]{margin:20px!important; padding:20px!important; border: 1px dashed red;}

    But this gives me vertical margin and padding but no horizontal padding. See: Vertical padding but no horizontal padding

    Which selector do I need to target to give the itemprob=headline some padding on either side of the text?

    And is there not an easier way of making the content sit full width in a boxed layout? I’d quite like to see this as an option in the future.

    Many thanks.


    Hi DigitalEssence!

    We are here to help you! Please upload your screenshots to and paste the direct link here so we can help you better.



    Hi Vinay,

    not sure why that didn’t work.

    Here’s the image on imgur

    padding in tab



    I’ve managed to resolve this.

    Rather than hitting it with the blunt hammer of:

    #pricing_page * {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

    I’m being more selective and using the following to just remove the padding and margin from the .container. This means that I don’t strip the paddign from everything else and I’ve now got the correct padding in the tabs.

    #pricing_page .container {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to add padding to the itemprop="headline" in the tabbed container’ is closed to new replies.