Home Forums Plugins WooCommerce Product Variations Swatches Modify the css of the Button design in Elementor

Modify the css of the Button design in Elementor

  • Author
    Posts
  • #214866

    Fares ACHOUR
    Participant

    Hello,

    I just recently purchased your plugin.

    I noticed that we can modify the css of the swatche button, within the plugin. However, since I want to create several specific button designs for each elementor page I use, and not just one, I wanted to modify the button’s css by going through the Google console and integrating it into an Elementor page.

    But here’s the problem: although I can change the css parameters in the Google console, I can’t grab all the code to implement it in the Elementor css.

    For example, when I change the font-size in the Google console :

    .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-variation-button-select {
    padding : 10px 20px ;
    font-size : 19px ; (13px by default)
    }

    And when I incorporate this modified code into Elementor’s custom CSS section, no change occurs, even with !important.

    And the same goes for font, background-color, border, etc.

    What’s the exact path for this code to be embedded in Elementor’s custom CSS section?

    Thanks

You must be logged in to see replies to this topic. Click here to login or register