Docs

[bedingfield]

Hi there,

I would like my buttons to have a 1px border, a transparent background and be able to specify colour of border and button text. Is that possible?

This is my current code:

[button type="flat" shape="square" block="true" class="no-border" size="large" href="http://elyrunners.club/er-photos/" title="Explore Photographs"][x_icon type="camera-retro"]Explore Photographs[/button]

Obviously, I would remove the no-border class, but not sure how to get transparency and colours I want.

Thank you.

[Thai]

Hi There,

Please replace the no-border class with custom-btn.

After that add the following CSS:

.custom-btn {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

Hope it helps 🙂

[bedingfield]

Hi there,

That does not override defaults for content. Not sure why it is being over ridden.

See here – its at bottom of page ‘explore photographs’

http://elyrunners.club

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.home a.x-btn.no-border.x-btn-flat.x-btn-rounded.x-btn-x-large.x-btn-block {
    color: red !important;
    border-color: red !important;
    background-color: transparent !important;
}

Hope that helps.

[Author]

Posts