Button style

Hi,

Is it possible have the same flat and simple style for buttons as on the Perth, Quill and Sidney Theme?

Many thanks for a super support forum.
Lone

Hi Lone,

Yeah, please let me know your site and tell me which button that you want to change?

Regards,
Awan

It’s the call for action on the Welcome Area and the button on the Moesia FP: Call to action widget

lonerosenkilde.dk
Thanks
Lone

Hi,

Are you able to help style the buttons :slight_smile:

Many thanks
Lone

Hi Lone,

I am Sorry for the delays…

You can change the button styles like Sydney’s button using following css code:

.welcome-button, .call-to-action {
    box-shadow: none;
    padding: 12px 35px;
}
.welcome-button:hover, .call-to-action:hover {
    background: transparent;
    color: #ff6b53;
    border: 1px solid #d65050;
}

You can put the css code in your child theme or using simple custom css plugin.

Regards,
Awan

Many thanks Awan :slight_smile:

What can I do to make it square, instead of rounded corners?

Many thanks
Lone

use this:

.welcome-button, .call-to-action {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

Beautiful,

Thanks Awan

Happy to hear if its worked. Feel free to ask if you need more help :slight_smile:

Regards,
Awan

It works perfect :slight_smile: Thanks,

If I add to the style.css file will it then be overwritten if I update the theme?

Thanks
Lone

yes, your code would be overwritten when you update the theme. please use child theme or custom css plugin instead