Problems with bottom border on accordion element

[rolandhentschel]

Dear Themeco Team, i have an problem with some bottom borders that i cant disabled because i think they get the settings from the accordion element above.

I have one accordion element and put another one inside the first tab with a global block code. Inside the global block code is the second global block. I do an screenshot for you. The lines under buy-side and sell-side services are always there but i disabled it in the global block, but it doesnt work.

The main block with the first accordion element is:

[cs_gb id=936]

the second with the inside accordion is

[cs_gb id=935]

Can you help me?

Best Regard
Roland

[tristup]

Hi @rolandhentschel,

Thanks for writing to us.

Seems the Accordion global blocks have the item border with it. Just click into the Link option to implement a similar border style.

Screenshot 1: Current settings you have.

Screenshot 2: What should be the settings you need.

Hope it helps.

Thanks

[rolandhentschel]

Dear Tristup, thats not what i mean. I dont want the underline at buy and sell side service. The lines that you mean should be there.

If you check this global block [cs_gb id=935] in the options the lines are disabled but if i visit the site they overwrite the settings from the other block i think. How to disable this…

[nabeel]

Hey Roland,

Thank you for the explanation, I checked your current setup and indeed the nested accordion items are inheriting the styles of the parent accordion element. To avoid this you need to override it in the nested element itself using Element CSS.

I went ahead and edited your [cs_gb id=935] Global Block, under Customize > Element CSS of the Accordion element, I added the following to override the border style:

$el.x-acc .x-acc-item {
  border: none !important;
}

This made sure that no borders will apply to the this element. To learn more about Element CSS please see https://theme.co/docs/element-css

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Hope this helps!

[rolandhentschel]

Thank you very much that works for me. Well done

Best Regards
Roland

[nabeel]

Glad that we could be of help.

Cheers!