About a minor CSS issue

  • Resolved kghugo2000

    (@kghugo2000)


    7 years, 1 month ago

    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 {
		border:0px;}

    But after that, I found out one of border of original option is missing after removing it like this
    https://monosnap.com/file/PY7jBJx0k42slWohOcQg9SBhuusqTz

    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:
    https://monosnap.com/file/71fP9PRtyF3zsVSB0cWw2hkvzkmrzn

    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

    (@numeeja)

    7 years, 1 month ago

    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;
}
    Thread Starter kghugo2000

    (@kghugo2000)

    7 years, 1 month ago

    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.