Docs

[bedingfield]

Hi there,

I am using a button within a content band…

[button type="flat" shape="rounded" size="small" href="beginners-course" title="View full details"][icon type="calendar"]Sign Up For Our Next Course[/button]

For some reason, I have a red border around the button. The button is black.

How do I remove the red border?

It can be seen on my front page, about midway down where my ‘beginners course’ content band is… http://elyrunners.club

Thank you

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.no-border {
    border: none !important;
}

After that add the class no-border to your button, like this:

[button type="flat" class="no-border" shape="rounded" size="small" href="beginners-course" title="View full details"][icon type="calendar"]Sign Up For Our Next Course[/button]

Hope it helps 🙂

[bedingfield]

Awesome, thank you. Would that work out for the callout button as well. I ask as it has a different shortcake. thank you.

[Lely]

Hello There,

You’re welcome!
To work for callout, please update above to this:

.no-border, .no-border .x-btn {
    border: none !important;
}

Then add no-border on the class field of the callout element.

Hope this helps.

[Author]

Posts