Docs

[highlandadventures]

hi…how do i remove the border and shadows of accorions….see http://galapagos.tours/deluxe-galapagos-cruises/ojo/

also how to adjust the padding between accorions items and the font weight of the accordion item title.

thanks,

[Zeshan]

Hi there @highlandadventures,

Thanks for writing in!

#1: To remove the border and shadows from the accordions, add following CSS under Custom > CSS in the Customizer:

.x-accordion-group,
.x-accordion-inner {
  border: none;
  padding: 0;
  background-color: transparent;
}

.x-accordion-heading .x-accordion-toggle {
  padding-left: 0px;
  padding-right: 0;
  background-color: transparent;
}

.x-accordion-heading .x-accordion-toggle.collapsed {
  background-color: transparent;
}

#2: To adjust the padding between accordion items, add following CSS code:

.x-accordion-group {
  margin-bottom: 20px;
}

Adjust 20px to increase/decrease the spacing.

#3: To change the font weight of accordion item title to bold, use following CSS code:

.x-accordion-heading .x-accordion-toggle {
  font-weight: bold;
}

Hope this helps. 🙂

Thank you!

[Author]

Posts