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

    hi there

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

    buttons

    Add to cart button

    + and – button for the quantity

    and finally the form entry field

    thanks

    greek

    #80282

    Hi greek,

    Use this selector:

    .plus,
    .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. :)

    Regards,

    Ismael

    #80283

    thanks ismael.

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

    thanks,

    greek

    #80284

    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.

    Regards,

    Ismael

    #80285

    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

    Greek

    #80286

    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.

    See: http://www.kriesi.at/support/topic/fyi-firebug-tutorial-for-wordpress-users

    Regards,

    Devin

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

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