Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2014
    Location
    Germany
    Posts
    101
    Plugin Contributions
    0

    Default Style input[type=text] for .cart_input only

    I want to style the mobile cartQuantity input fields.

    I'm able to modify the values with the following entry.

    HTML Code:
    input.cart_input_303[type=text]{}
    How can I set a wildcard for the input[type=text] field for cartQuantity input fields only.
    My Zen-Cart Vespa Shop.
    GDPR compliant Webhosting in Germany.

  2. #2
    Join Date
    Feb 2014
    Location
    Germany
    Posts
    101
    Plugin Contributions
    0

    Default Re: Style input[type=text] for .cart_input only

    I was late for edit.
    The template is responsive_classic.
    My Zen-Cart Vespa Shop.
    GDPR compliant Webhosting in Germany.

  3. #3
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,520
    Plugin Contributions
    88

    Default Re: Style input[type=text] for .cart_input only

    Something like the following should work
    Code:
    input[class^="cart_input_"] {
        border: 3px solid purple;
    }
    for the shopping-cart page quantity inputs:
    Code:
    <input type="text" name="cart_quantity[]" value="1" size="4" class="cart_input_1:edff669e5da95c1d027b04d5412532fa" aria-label="Edit quantity in cart">
    That CSS rule "says" to apply the styling to any inputs with a class= attribute whose value starts with cart_input_.

    See this link for additional ways to identify a CSS selector: https://www.w3schools.com/cssref/css_selectors.php

  4. #4
    Join Date
    Feb 2014
    Location
    Germany
    Posts
    101
    Plugin Contributions
    0

    Default Re: Style input[type=text] for .cart_input only

    That looks very promising.
    Thank you very much!
    I will take care of it soon.
    My Zen-Cart Vespa Shop.
    GDPR compliant Webhosting in Germany.

  5. #5
    Join Date
    Feb 2014
    Location
    Germany
    Posts
    101
    Plugin Contributions
    0

    Default Re: Style input[type=text] for .cart_input only

    It works like a charm and is very useful to style mobile cart for responsive_classic
    My Zen-Cart Vespa Shop.
    GDPR compliant Webhosting in Germany.

 

 

Similar Threads

  1. Replies: 9
    Last Post: 12 Apr 2022, 11:46 AM
  2. CSS default style for buttons works for some only
    By safeg in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 1 Dec 2010, 11:20 AM
  3. Form validation for input text fields?
    By vooboo13 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 21 Jun 2010, 04:56 PM
  4. No text input boxes for attributes in IE or Firefox
    By ElSlozzo in forum Setting Up Categories, Products, Attributes
    Replies: 16
    Last Post: 9 Apr 2008, 11:23 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR