Return to previous page

How to make price block - by amyapap - on WordPress WooCommerce support

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

amyapap

Participant

December 8, 2017 at 09:41

On https://www.8theme.com/demo/xstore/mobile/ this demo,

how did you make the price block which appears under the payment plans?
What element do I need to use on visual composer to make a payment plan like that?

#179665 Copied

1 Answer
Rose Tyler

Support staff

December 8, 2017 at 09:57
Hello,

Thanks for the topic.
Please see screenshots from our demo: http://prntscr.com/hkosly http://prntscr.com/hkou52 http://prntscr.com/hkossb
<p class="price--product">$0<span class="price-span">/mo</span></p>
and this custom css code we use in Theme Options > Styling > Custom css:
```
.price-span{
    font-size:21px;
}
.price--product{
    font-size:41px;
    font-weight:700;
    padding-top:10px;
    width: 40%;
    margin: 0 auto;
}
```
Feel free to ask if you have any other questions.

Regards
#179672 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Travel – WooCommerce Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.