button styling

numero7 · March 2015

Hi where can i find shortcodes examples for the buttons shown on this page ?

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

The button shortcode on the wp editor does not show many options and i don't know how to style my button to have the same look as the last line "button with icon with orange border"...

is there a shortcode examples available somewhere ?

thanks a lot.

Albert · March 2015

Hi,

those buttons with just line around are called "Stroke" and their style you can change under Theme options > Colors > Content section.

Thanks!

numero7 · March 2015

Hi thanks for your reply. However i'm still have a problem.

on my contact form, the submit button is stroked orange and the background become full orange on hover.

But on another page, the stroked button become light grey on hover.

this page : http://cinov.numero7.ch/presentation/

on the contact page, the hover background color is orange.

I've checked the css with my code inspector and it seems that this rule : .button-stroke a:hover.button.button_stroke_custom on base.css line 219 is setting the background with an (!important tag)...

could you help ?

Albert · March 2015

So if you want to remove background color on hover for button, please use below css:

.button-stroke a.button.button_stroke_custom:hover, .button-stroke a.tp-button.button_stroke_custom:hover {
    background-color: transparent !important;
}

numero7 · March 2015

okay thanks, i realize that my problem is because there's a global style (default or stroke) for all buttons, but i need some buttons stroked and some with the default style for dark areas...

maybe that would be a good idea to put the style in option in the shortcode for a future update...

Albert · March 2015

We can consider this but at this moment only one button styles per theme is possible.

sspmarketing · April 2015

Hi,

I don't have the option in Theme options > Colors > Content section to make my buttons 'Stroke'.

All I have is colour pallets.

Am I missing something?

Albert · April 2015

@sspmarketing Yes, you definitely missed something. We explained this in other topic http://forum.muffingroup.com/betheme/discussion/3109/don-t-see-some-options-or-demos-please-update-theme#latest

lc-opb · October 2018

Hi, I have the the current theme version

20.9.7.4, but still there is no option for the button style in the content section!? Only colour pallets. Where can I change the button style?

Pablo · October 2018

lc-opb

You can change the style of buttons in Theme Options > Global > General

http://prntscr.com/l9vhyw

Thanks

lc-opb · October 2018

Man i was already looking there a few times #-o thank you

button styling

Comments