[Drew LParticipant]

Is there a way to do this? I’ve tried adding inline css to the button but the default button border color stays.

Any help will be greatly appreciated!

[SupportMember]

Hi there!

Thank you for using the theme!

Please edit the button element then look for the Style field at the very bottom. You can add inline styles on this field that will surely override the default the style. Add something like this to change the border:

border: 5px solid blue;

I hope that helps. Cheers!

[Drew LParticipant]

Hi,

Thanks for the reply. However, I think you misunderstood me. The code you gave me adds an additional border around the button. I’m using the flat transparent button for my theme. The default color of the button is green, but I want to it to be white on the home page.

Link to Screenshot

I used Inspect Element on Google Chrome and the css styling was the following:

.x-btn, .button, [type=”submit”] {
color: #11b67a;
border-color: #11b67a;
background-color: #11b67a;
}

I want to change ‘BORDER-COLOR’ to white. But when I add the inline css “border-color: #ffffff” to the button’s style area. It doesn’t work. Is there a way to have different color button borders? If so with the info you have now, can you send me the inline css that I need?

Thanks a bunch!

[Kyle FParticipant]

Did you try this?

border-color: #ffffff !important;

[Drew LParticipant]

Yes I did. Still not working though 🙁

[KoryKeymaster]

Drew,

The CSS mentioned above should certainly change the color of the border for your button:

border-color: #ffffff;

If it is not, it is likely that you are applying the CSS to the wrong element. If it still isn’t working, we’ll need you to apply this inline CSS and also provide us with a URL to your site so we can inspect your page. It is critical that you leave the inline CSS in place so we can inspect the page and ensure you are adding it to the correct element. So please, add the inline CSS, provide us with a URL to the precise page where this effect is to occur, and please direct us to the portion of the page where you are trying to implement this.

Thanks!

[Author]

Posts