Docs

[mat_kinotek]

hello,
I want to style the ‘reset’ under the variations field in the product page ( here: http://cherrylaser.com/?product=mdf , once you choose the variations, you’ll see a small ‘reset’ below the last field ).

Im trying

a.reset_variations {
margin-top: 15px;
padding-top: 15px;
}

but nothing happens. Help!

[Rad]

Hi there,

Thanks for posting in.

I see “clear” link, is it? It will not take effect since the styling is set to inline. Padding and margin are only effective to block element.

Please add this code to Admin > Appearance > Customizer > Custom > Javascript.

jQuery( function($) {

$('table.variations select').on('change', function() {

setTimeout( function() {

var reset = $('a.reset_variations');

if( reset.css('display') == 'inline'  ) {

reset.css({'display':'block'});

}

}, 100 );

} );

} );

Then add your CSS. Cheers!

[mat_kinotek]

yessss!!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts