Centering an accordion & form button styling

Support
#1

I’ve made an accordion that cleverly looks like a button. Click it and it expands to reveal a contact form.

  1. I can’t seem to center the accordion on the page (Contact me about this painting). I’ve tried putting it in its own bar, but that didn’t work, either. I’m making a template, so that’s why there are so many buttons.

  2. I’d like to style the Send button so it looks like the other green button above it (hover and it goes to the lighter green (rgba(170, 212, 174, 0.49)) and text remains black).

I’ve tried removing the text shadow, but I can’t lose the blurry effect on the button.

None of the code I’ve tried has worked. I’d really appreciate your help with this.

Thanks!

#2

Hi @bethw789,

Thanks for writing in.

  1. I have added a inline CSS to your column to make it center.

  2. I have added CSS to your Custom CSS so that you could adjust your button.

Adjust its values to achieve the best color you want.

Hope it helps.

Let us know how it goes.

Thanks.

#3

Thanks for your help!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.