A few Customized Changes

8 posts from 3 voices

• Started 2 months ago by cdubose574
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   cdubose574
   Member

   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

   Posted 2 months ago #
2. 

   Devin
   Moderator

   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

   Posted 2 months ago #
3. 

   cdubose574
   Member

   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

   Posted 2 months ago #
4. 

   cdubose574
   Member

   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

   Posted 2 months ago #
5. 

   Ismael
   Moderator

   Hi,

   You can add this on your custom.css

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

   Regards,
   Ismael

   Posted 2 months ago #
6. 

   cdubose574
   Member

   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

   Posted 2 months ago #
7. 

   cdubose574
   Member

   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

   Posted 2 months ago #
8. 

   Devin
   Moderator

   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

   Posted 1 month ago #

RSS feed for this topic

Reply

You must log in to post.