Buy Now button on products display

In the home page product display, how do I adda standard BUY NOW button at the end of each product box? See screenshot below:

 

Hello Deveshd!

Please follow the screenshot given below.

PHP:

<a href="<-- BUY NOW URL -->"><p class="product_buy_button">BUY NOW</p></a>

Now paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

p.product_buy_button {
  color: white;
  background: red;
  padding: 6px 10px;
  width: 65px;
  border-radius: 18px;
  margin-left: 45px;
}

Thanks,
Praveen

 

i did but the buttons are still not showing. please help.
url:http://webworxworld.com/client-demo9/

 

Hello deveshd!

Please follow the screenshot.


Now paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

p.product_buy_button {
color: white !important;
background: red;
padding: 6px 10px;
width: 85px;
border-radius: 18px;
margin-left: 45px;
}

Thanks,
Praveen

 

Perfect. Thanks! Now,
1. Is it possible to put the same mouse hover effect on these buttons as the one on Slider buttons? If yes, how? Please.
2. What's the color code of the green color used on slider buttons?

 

Hello deveshd!

1.Use the css code given below.

Code:

p.product_buy_button:hover {
  color: red !important;
  background: blue;
}

2. It's a background image, but i am giving you the similar color #59A119

Thanks,
Praveen

 

okay, buttons are showing but they are are all going to # (http://webworxworld.com/client-demo9/#) instead of the individual product page for each product. How do i fix?

 

Hello deveshd!

Please replace href="#" with href="<?php the_permalink(); ?>" in the new code added.
This will resolve your issue.

Thanks,
Praveen

 

Done, thanks!