Add background colour to button shortcode - class=button-stroke

iclondon

http://themes.muffingroup.com/betheme/shortcodes/typography#buttons

Hi, I want to use one of the buttons from the shortcodes, it is the one with coloured borders and fade from clear to colour backgrounds on hover. (4th row on the link)

The code to use the button is:

<div class="button-stroke"><a class="button  button_left button_navy kill_the_icon" href="" target="_blank">

<span class="button_icon"><i class="icon-newspaper"></i></span>

<span class="button_label">Button with icon</span></a>

</div>

The problem is that the background is originally transparent so when I use it over an image, the button is unclear and unreadable. I tried for a long time to change the background colour or add an element behind it of white background but it havn't been sucessful. If there anyway this can be done? 

Thanks

Albert

Hi,

this is buttons Stroke style which can be changed under Theme options > Colors > Content section. This is the only way to change buttons styles.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

iclondon

Is there a way to change its transparent background to be coloured?

Albert

You can do this with custom css only.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

iclondon

Thanks, what are the CSS code in order to do this? 

Albert

If you will send us urlto your site with information which button should be changed exactly, we'll show you how to do this. You can also take a look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations where we explained how to get custom css.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next