Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #20607

    How do I change the following:

    1. “Add to cart” button background color and text (ie. red background and black text)

    2. The product option font color and text size. Hard to see. I’d like to change it to black for better visibility.

    Thanks

    Carla

    #108293

    Hi Carla,

    Do you mean on the single product page or when you hover over products in the catalog for #1?

    For #2, is this on the single product page for variable products? Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .avia_select_fake_val {
    color: black;
    }

    Regards,

    Devin

    #108294

    Devin,

    Sorry for the delayed response. Just started to work on the site again. For #1 question, just the add to cart on the product page. Also two more questions. How do i darken the search box and the menu bar. Here is the site http://thegranitebracketstore.com/. The search is a bit to hard to find.

    Thanks again.

    Carla

    #108295

    Devin,

    I found the code to change the background color for the main menu. Just need to know about my first question. see above. thanks

    carla

    #108296

    Hi,

    You can add this on your custom.css

    #s {
    color: white;
    background: grey;
    }

    Regards,

    Ismael

    #108297

    Ismael,

    I added the code but it did not change the add to cart button color on the product page. any other ideas. thanks

    Carla

    #108298

    Ismael,

    Opps. That was the code for the search bar. It worked :-). I’m just waiting for a code now for the add to cart button color change.

    thanks

    carla

    #108299

    Hi Carla,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .single_add_to_cart_button {
    background-color: #F00;
    color: #000;
    }
    #top .single_add_to_cart_button:hover {
    background-color: #333;
    }

    You can change the color codes as needed.

    Regards,

    Devin

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

The topic ‘A few Customized Changes’ is closed to new replies.