Support » Plugin: Tabby Responsive Tabs » Reduce the white space around content on Tabs

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author cubecolour

    (@numeeja)

    Please link to a page on your site using the tabs so I can see the issue on your site.

    The whitespace around the content is controlled by the values for padding for the class:

    .responsive-tabs__panel

    Thanks, I have had a look at that in the code but all the values are set to none or 0.

    Here is a temp link to the site:

    SITE LINK

    If you look at the tabs, I would like to remove the white space above the text and image.

    Thanks again.

    Plugin Author cubecolour

    (@numeeja)

    Folow the directions in the documentation to replace the built-in stylesheet with custom CSS

    Then in that find:

    .responsive-tabs .responsive-tabs__panel {
    	background: #fff;
    	border: 1px solid #ddd;
    	margin-bottom: 20px;
    	padding: 20px 20px 0;
    }

    change the padding value so that the top-padding is zero:

    padding: 0 20px;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce the white space around content on Tabs’ is closed to new replies.