Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #13710

    hi there

    could someone please tell me HTML element so i can edit the CSS for it. i need help with the following:


    Add to cart button

    + and – button for the quantity

    and finally the form entry field




    Hi greek,

    Use this selector:

    .minus {
    background-color: black !important;

    .quantity .input-text {
    width: 20px !important;

    Just don’t forget to include !important, so the style won’t be overriden. Hope this helps. :)




    thanks ismael.

    is there a local one for buttons? also what is it for the add to cart button and the form entry fields..




    Hi greek,

    For the add to cart button:

    #top .prev_image_container form.cart .button {
    //some css code here

    The form entry fields are the ones above. (.quantity .input-text). I believe the form entry fields you are referring is the text field in between + and -.

    I also don’t think I understand the local one for buttons.




    Hi Ismael,

    What i meant by the local buttons i meant is there a code i can put for ALL the other buttons in general. And the text fields i meant for contact form and also the payment form and the review section.

    Thanks for your help



    Hi Greek,

    I’m not completely sure if this is what you mean but there is:

    .avia-button {


    If you have an example of a specific instance, we can try and identify further.

    The forms are mostly handled by:

    .input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], textarea, select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 6px 4px;
    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;

    As well as:

    .ajax_form .text_input, .ajax_form .select {
    width: 40%;
    margin-right: 10px;
    margin-bottom: 0;
    display: inline;
    min-width: 221px;

    If you are not already, look into using something like Firebug for Firefox or Chrome’s inspect element feature.




Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘custom.css help’ is closed to new replies.