WordPress Simple Paypal Shopping Cart
[resolved] Edit Drop down box width (5 posts)

  1. goshenw
    Posted 1 year 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;

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



  2. mbrsolution
    Plugin Contributor

    Posted 1 year 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

  3. goshenw
    Posted 1 year 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?

  4. goshenw
    Posted 1 year 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.

  5. mbrsolution
    Plugin Contributor

    Posted 1 year 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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic