WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. werdnags
    Member
    Posted 5 months 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.

    https://wordpress.org/plugins/tabby-responsive-tabs/

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Plugin Author

    Posted 5 months 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:

    .responsive-tabs__panel
  3. werdnags
    Member
    Posted 5 months 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:

    SITE LINK

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

    Thanks again.

  4. cubecolour
    ɹoʇɐɹǝpoɯ
    Plugin Author

    Posted 5 months 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;

Reply

You must log in to post.

About this Plugin

About this Topic