CSS for Making Action Button Round

clemmonds · February 2018

Hello!

Is it possible to make the Action Button in the menu bar a round button? If so, can you provide the CSS for that?

Thanks!

Bryan · February 2018

Hello,
you can make the button round by selecting the button style in theme options>global>general.
thanks

clemmonds · February 2018

Thank you for your quick response!

Is there a way to make the global style where the button is more of a pill shape - where the radius is set to 50% for example?

Thanks!

Bryan · February 2018

Please send a link to your page.
thanks

clemmonds · February 2018

http://398013.lemmondsdesign.com/alveary/

I am wanting the "Log In" button in the menu bar to the far right to match the round shape of the buttons that are in the dark green banner under Quick Resource Links (Curriculum, Knowledge Base, etc.)

Thanks!

Bryan · March 2018

You can try this custom css

.action_button {
	border-radius:30px !important;
}

clemmonds · March 2018

That worked perfectly!

Thank you!

CSS for Making Action Button Round

Comments