Remove shadow or border of accordion

Back to Forums

Arci Jeirico Malabanan

Solved

Question

OutSystems 10

OutSystems Widgets

Web

How will I be able to remove the shadow or border of accordion?

This is what it looks like.

I want to remove the border or shadow and make the accordion color looks like the background.

many thanks!!!

29 Jul 2020

Ashish D

Solution

Arci Jeirico Malabanan wrote:

How will I be able to remove the shadow or border of accordion?

This is what it looks like.

I want to remove the border or shadow and make the accordion color looks like the background.

many thanks!!!

Hi Arci,

Please overwrite the below css

.section-expandable {

background-color: var(--color-neutral-0);

border: var(--border-size-s) solid var(--color-neutral-4);

border-bottom-width: var(--border-size-none);

}

overwrite css is below

.section-expandable {

background-color: var(--color-neutral-0);

border: 0;

border-bottom-width: 0;

}

Hope this helps

Thanks

See solution in context

29 Jul 2020

mahesh manchala

Arci Jeirico Malabanan wrote:

How will I be able to remove the shadow or border of accordion?

This is what it looks like.

I want to remove the border or shadow and make the accordion color looks like the background.

many thanks!!!

Hi,

Try this thread:

https://www.outsystems.com/forums/discussion/52029/accordion-when-it-collapsed/

29 Jul 2020

1 reply

29 Jul 2020

Show thread

Hide thread

Arci Jeirico Malabanan

Mahesh Manchala wrote:

Arci Jeirico Malabanan wrote:

How will I be able to remove the shadow or border of accordion?

This is what it looks like.

I want to remove the border or shadow and make the accordion color looks like the background.

many thanks!!!

Hi,

Try this thread:

https://www.outsystems.com/forums/discussion/52029/accordion-when-it-collapsed/

Thank you for the reply sir.

But unfortunately the thread is not about removal of shadows or borders.

29 Jul 2020

Ashish D

Solution

Arci Jeirico Malabanan wrote:

How will I be able to remove the shadow or border of accordion?

This is what it looks like.

I want to remove the border or shadow and make the accordion color looks like the background.

many thanks!!!

Hi Arci,

Please overwrite the below css

.section-expandable {

background-color: var(--color-neutral-0);

border: var(--border-size-s) solid var(--color-neutral-4);

border-bottom-width: var(--border-size-none);

}

overwrite css is below

.section-expandable {

background-color: var(--color-neutral-0);

border: 0;

border-bottom-width: 0;

}

Hope this helps

Thanks

29 Jul 2020

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines