How can I remove the border from accordion

paphavees · April 2017

Hello, I have a problem to remove a line from the accordion.
How could I do it?

here's the website : http://skinoclock.com/our-story

here's the photo of the accordion

how it'd look

Thanks!

Bryan · May 2017

Hi,

You have coming soon enabled on your website, please disable it.

thanks

paphavees · May 2017

Hi,
I have already disabled it. Could you see it now?

Thanks

Bryan · May 2017

Sorry but there is not line there, what line ar we talking about?
http://prntscr.com/f8dgk0

paphavees · May 2017

It's appeared when you click on the picture since it's an accordion.

like this https://prnt.sc/f9pxnd

I want the line gone. Is it possible?

Bryan · May 2017

Please add this custom css

div.question.active::after {
	background-color:transparent !important;
}

ejyheng · June 2017

Hi, the accordion on our website has lines different to its background colour, and missing border line on first accrodion selection (Refer Screenshot in highlighted area). Kindly assist.

Bryan · June 2017

Hello,
this is caused by your custom CSS, when I removed it, the accordion was back to normal
http://prntscr.com/fj7tgq
Please revise your changes in the custom css.
thanks

ejyheng · June 2017

Hi,

In your screenshot the there are blue lines at the top left corner and bottom of 'QLD' option, is this something that can be removed and retain the orange background colour? Thanks.

screenshot

Bryan · June 2017

You can use this css

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid transparent !important;
	background: transparent !important;
}

ejyheng · June 2017

Awesome, thanks for your help.

How can I remove the border from accordion

Comments