This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Reply To: Css code for buttons

Jason Bobich

I tried adding your suggestion into the custom css bit on the theme options page, it made no difference.

All CSS edits should be coming from your Child theme’s custom.css as it shows clearly in that video I linked you to. — — You should not be editing any theme files, or you’ll never be able to update the theme.

In your original question it was not all that clear what you were referring to. The CSS selectors I put in as an example target the theme’s buttons created with the button shortcode. — … but now you’re obviously referring to submit type inputs of forms.

So just to clarify, I was asking if the Akita css had a pre-existing rule in it that was making the form buttons look like that (faded, different font, the mouse doesn’t become a hand when you hover).

Honestly, I do not know what you’re trying to describe or trying to accomplish, but please keep in mind that support does not inclue customizations. —

When I inspect using Firefox, it says the button’s css is called “input”. Unfortunately there are numerous “input” styles to choose from in Akita. I was originally asking if you have a suggestion as to which it would be?

So target the button with your own unique, CSS selector rule. I’m not sure why you’d think you can only use something that the theme has already written. If you’re wanting to do something custom that isn’t in the theme (which it sounds like you are, but I’m still not 100% sure), then just do something custom.

.whatever_container input { /* your custom css...*/ }
.whatever_container input[type=submit] { /* your custom css...*/ }

If there is no pre-existing rule about how form buttons should look within the theme, can you suggest why they don’t look or behave like normal form buttons?

The pre-existing CSS rules for how form buttons look is this:

input[type=submit] {
	background-color: #f4f4f4;
	border: 1px solid #d1d1d1;
	color: #666666;
	font-weight: bold;
	margin: 0;
	padding: 8px 15px;
input[type=submit]:hover {
	color: #666666;

Feel free to make any overrides you like to this from your Child theme’s custom.css.