Edit Drop down box width

  • Resolved goshenw

    (@goshenw)


    10 years, 2 months ago

    I should preface this post with: Although this shopping cart plugin is ‘active’ and working fine, my “wp_shopping_cart_style.css” is showing as “inactive”. I’m not sure if the plugin’s style sheet is being overridden, hence my problem below?

    In any-case, I would like to change the width of the drop down box that appears when options are added (currently is at 100%, and looks terrible).

    Is this the style, below? And where would I put it? I’ve tried in the plugin’s css and in my child theme’s css to no avail.

    .wp-cart-button-form input{
width: 200px !important;
}

    I have also tried to include it in the Page’s HTML:

    <style type=”text/css”>
.wp-cart-button-form input {
width:200px !important;
}
</style>

    The page is: http://geelongkites.com.au/products/kids-diamond-kite

    Thankyou!

    https://wordpress.org/plugins/wordpress-simple-paypal-shopping-cart/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    10 years, 2 months ago

    Hi try the following code and add a width value.

    button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    width: 150px; <==== this is what I added
    }

    The above entry is added to the following file
    [http://yoursite/wordpress/wp-content/themes/tiger/css/normalize.css?ver=3.6] line 289.

    Let me know if that helps you.

    Kind regards

    Thread Starter goshenw

    (@goshenw)

    10 years, 2 months ago

    no, sorry didn’t work. I tried it in the Plugin’s css, and also in my Child theme’s css – but there might be a problem getting this file to make any changes to my plugin’s stylesheets (it hasn’t been able to, so far). My head’s about to explode trying to learn css, what css is used where, priority’s, specificity etc!

    It’d be worth noting that using Chrome’s ‘developer tools’ to show the style info for this box, there’s only one reference to ‘width’ and it’s “select { width: 100%; }” in “ThemeFolder/css/foundation.css”. WordPress won’t let you edit this file… But changes to this file elsewhere didn’t do anything anyway.

    Maybe I need to start again – firstly – is it a problem that the Plugin’s css file shows as ‘inactive’, and how might I change that?

    Thread Starter goshenw

    (@goshenw)

    10 years, 2 months ago

    oh crap – sorry I completely missed the bit where it was to be added! (Normalize.css). Thankyou very much.

    EDIT: I also did managed to put this modification into my Child theme’s stylesheet (so didn’t actually need it in the normalise one), and for some unknown reason works now! Perhaps it was caching the old one, who knows.

    Plugin Contributor mbrsolution

    (@mbrsolution)

    10 years, 2 months ago

    Hi goshenw, that is good news that you have resolved your issue.

    If your problem is solved and you don’t need any more help can you mark this support thread as resolved.

    Kind regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Edit Drop down box width’ is closed to new replies.