Support » Plugin: Tabby Responsive Tabs » About a minor CSS issue

  • Resolved kghugo2000


    Dear developers,

    I really appreciate how lightweight this plugin is!!! Thank you so much for creating such plugin! I have customized it with my own css code, but I have no idea how can I remove 1 border

    So thats what I did to remove the border the of content of the tab:

    .responsive-tabs .responsive-tabs__panel {

    But after that, I found out one of border of original option is missing after removing it like this

    I have then added another code:

    The code I added:
    `.responsive-tabs .responsive-tabs__panel {
    border-bottom: 4px solid #be132d;}`

    And then I found out that, when I choose the second tab, there is an extra line generated with the above code at the bottom of the content of the second tab, which I want to remove it:

    How should I write the code to keep the border top while removing that border bottom? Thank you so much for reading, and if possible, your help!

    Yours faithfully,
    Hugo Sum

    The page I need help with: [log in to see the link]

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


    Troubleshooting custom CSS is outside the scope of the free support I can normally provide, however I have achieved a display for the accordion with a border on the accordion titles but no border on the accordion content by adding the following CSS rules to the media query for the accordion display:

    .responsive-tabs .responsive-tabs__panel {
    	border: 0;
    	border-bottom: 1px solid #ccc;
    .responsive-tabs .responsive-tabs__panel:last-of-type {
    	border-bottom: 0;

    Thank you so much for providing this code for me. It works perfectly! Thank you so much for such great plugin!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘About a minor CSS issue’ is closed to new replies.