Accordion: How to move header slightly to the left, closer to icon? (I moved icon to left: 0px)

Q&ACategory: PluginAccordion: How to move header slightly to the left, closer to icon? (I moved icon to left: 0px)
David asked 2 years ago

Hello! Please see http://www.davidweiss.net/test/
What I want to do is make the Accordion header match, as closely as possible, an h4, so it blends in with my site (For example I’d like the first Accordion header, “Colors,” to match “+ Colors,” below, which is an h4). So far I succeeded in moving the icon over the left by adding this:

#accordions-NNN .accordion-icons {
left: 0px  !important;
}

Now I’d like to move the header left so it’s closer to the icon. I tried removing padding-right from the icon, and padding-left from accordions-head, but neither did the trick.

1 Answers
Hasan Staff answered 2 years ago

Thanks for your post,
 
please try following CSS, default is 30px left-right you can decrease 20px in your case.

.accordions .accordions-head {
  padding-left: 20px !important;
}

Thanks
 

David replied 2 years ago

Awesome, thank you!