Tabby Responsive Tabs
[resolved] Reduce the white space around content on Tabs (4 posts)

  1. werdnags
    Posted 1 year ago #

    Hi, can anyone guide me in the right direction. I am using basic tabs but have a lot of white space around the content. What part of the CSS should I be looking at to reduce this?

    Thanks in advance.


  2. cubecolour
    Plugin Author

    Posted 1 year ago #

    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:

  3. werdnags
    Posted 1 year ago #

    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:


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

    Thanks again.

  4. cubecolour
    Plugin Author

    Posted 1 year ago #

    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;

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Tabby Responsive Tabs
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic