Some help with accordion toggles

Hey!

Thank you so much for using the theme!

1.) Please use this on Quick CSS or custom.css to reduce the left and right padding and change the color of the toggle symbol:

.toggle_content {
padding: 12px 10px 11px 10px;
}

span.toggle_icon, span.toggle_icon > * {
color: black !important;
border-color: black !important;
}

2.) You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit all hr elements with the negative white space. Add a custom css selector like “negative-hr” for example. Add this on Quick CSS or custom.css to hide them on mobile:

@media only screen and (max-width: 989px) {
.negative-hr {
display: none;
}
}

3.) Try to remove browser cache then reload the page.

Best regards,
Ismael