[emrys767Participant]

I’m trying to remove the accordion icon for a custom class, so that I can use the accordion styling for items that I don’t want collapsed. That way I can aesthetically tie together text boxes and accordions. I’m also open to alternative short code methods that could accomplish same goal.

.custom-header {
   content:"" !important;
}

The page I’m working on is http://heritagehumanesociety.org/hhs/adopt The first section “How to Adopt” is perfect example.

Thanks

[DarshanaModerator]

Hi there,

Thanks for writing in! Please add the following CSS rule into your Customizer, Custom > CSS area. So that it will only apply for the heading that you have applied your custom class.

.x-accordion .custom-header .x-accordion-heading .x-accordion-toggle::before {
    content: "";
}

Hope that helps.

[emrys767Participant]

That worked perfectly, thanks!

[ChristianModerator]

You’re welcome. Glad we could help.

[emrys767Participant]

I don’t know why, but this has stopped working. I have not changed the CSS, although I have updated to latest version of X Theme.

[JadeModerator]

Hi there,

Please try this CSS instead:

.x-accordion-heading .x-accordion-toggle.collapsed:before,
.x-accordion-heading .x-accordion-toggle:before {
    display: none;
}

Hope this helps.

[emrys767Participant]

This reply has been marked as private.

[FriechModerator]

Hi There,

If you add the original code we provide above on top of the Custom CSS you’ll see that it still work.

The issue is this css rule

@media only screen and (max-width:767px){
  		.x-topbar .x-social-global {
	    display: none;
}

You miss the closing bracket for the @media query, this means that all CSS rules underneath it will only take effect on a device with 767px screen and below.

Hope it helps, Cheers!

[emrys767Participant]

Thank you very much! I totally missed that!

[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts