Plugin not responsive because of "width" defined.

Is there a way you can remove the necessity for a width to be defined so that we can control that with CSS? Your style inside the div over-rides anything else I do. To make it work, I hacked your plugin accordingly:

From function render_buttons():

//if (!empty($atts['container_width']))
// $pwal_container_style .= 'width:'. $this->check_size_qualifier($atts['container_width']) .'; ';

And then in my own CSS:

.pwal_container {
background-color:#333;
margin:0 auto;
float:none;
overflow: hidden;
width:80%;
}

(Not sure why this was floated to begin with.)

  • Tyler Postle

    Hey Scott,

    Hope you are well today and thanks for your question!

    You can still control it with CSS just by using a child theme or custom stylesheet. You may need to use the "!important" declaration as well. This way you won't need to edit the template files, which is always bit of an inconvenience having to re-add your changes after each plugin update :p

    .pwal_container {
    background-color:#333;
    margin:0 auto !important;
    float:none !important;
    overflow: hidden;
    width:80% !important;
    }

    Adding that to a plugin like: http://wordpress.org/plugins/simple-custom-css/ where the custom stylesheet loads last (in most cases) and the styles will take priority over any others. If they still aren't then you can add "!important" to them like I did above and that will force those styles to be highest priority :slight_smile:

    This method will work for most situations too with any plugins.

    Hope that helps! Let us know if you have any further questions here.

    All the best,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.