Return to previous page

Add button to image - by capri_2794 - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

capri_2794

Participant

November 6, 2018 at 08:41

Hello,

I need to add a “SHOP NOW” button to image added by visual composer. Kindly help me in this regard.

http://prntscr.com/lewkv5

Regards.

Please, contact administrator
for this information.

#202458 Copied

3 Answers

Rose Tyler

Support staff

November 6, 2018 at 10:15

Hello,

Try to add this code in content of the banner
<div class="content-inner"><a style="color: white; background-color: #222222; font-size: 12px; padding: 11px 30px; letter-spacing: 0.3px;" href="#" target="_blank" rel="noopener">SHOP NOW</a></div>

Regards

#202482 Copied

capri_2794

Participant

November 10, 2018 at 12:02

Thank you, I have been able to do it. But the divider and button are not center aligned with the heading. Please tell how to achieve this?

#202831 Copied
Rose Tyler

Support staff

November 12, 2018 at 09:44
http://prntscr.com/lh9jeo > http://prntscr.com/lh9jn9
```
<div class="col-md-8">
<h2 class="banner-title" style="color: #5d554a; margin: 0px; font-size: 42px; font-weight: 300; font-family: Helvetica, sans-serif; text-align: center; letter-spacing: 1px;"><span style="color: #ffffff;">Jewellery</span></h2>

<hr class="divider horizontal-break" style="height: 2px; text-align: center; background-color: #7a7a7a; ; margin: 2px auto !important;" />

&nbsp;
<div class="content-inner" style="text-align: center;"><a style="color: white; text-align: center; background-color: #222222; font-size: 14px; margin: 0 auto; padding: 10px 16px; letter-spacing: 0.3px;" href="https://www........com/product-category/jewellery/" target="_blank" rel="noopener">SHOP NOW</a></div>
</div>
```
Regards
#202863 Copied
Viewing 4 results - 1 through 4 (of 4 total)