Price Box

[adwiseParticipant]

Hi, How do I edit the colour of the price-box header/ body/ font? Thanks.

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

if you select checkbox in Featured tab, pricebox header background color will be main color that you set in Customizer. For price box where featured option is not check, you can change background color when you open the-creator.css
(you can find it here \wp-content\themes\revelance\css\the-creator.css)

and on line 1567 you have this code:

.tcvpb_pricing-table-1 .tcvpb_pricebox_name {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    background: #333;
    color: #fff;
    padding: 21px 10px;
}

Just change background: #333; to color that you like.

Look at the code below upper code. There you can see this code:

.tcvpb_pricing-table-1.tcvpb_popular-plan {
    position: relative;
    top: -20px;
    margin-bottom: 60px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    z-index: 1;
    position: relative;
}

Add there some background and price box body will be in that color.

Font used in Revelance theme is Open Sans.
To change font we recommended you to use this great plugin:

https://wordpress.org/plugins/easy-google-fonts/

Kind regards

Add New Note to this Reply

[adwiseParticipant]

Hi, Thanks for the that. I put the code: ‘background: #f1f1f1;’ in the lower section to change the body colour of the price box, but this has had no effect on the colour and still appears to be the default white. Please advise. Thank you.

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

yes, sorry, background in lower section code that we send you will be changed only if you checked Featured. To change unfeatured pricing box background please go to line 1544 in the-creator.css where you have:

.tcvpb_pricing-table-1{
	background: rgba(255,255,255,0.9);
	color: #333;
	text-align: center;
}

Change background: rgba(255,255,255,0.9); in color that you like :)

Now should all works fine.

Cheers

Add New Note to this Reply

[adwiseParticipant]

Sorry to be a pain. I’ve changed the background on line 1544 in the-creator.css but this still hasn’t worked. Please see link in private message.

Add New Note to this Reply

[ab-themesKeymaster]

Hi,

ok, the you will need to change background of pricebox header and pricebox feature.

In the-creator.css file on line 1651 you have this code:

.tcvpb_pricing-table-2 .tcvpb_pricebox_header {
    background: #fff;
    color: #333;
    text-align: center;
}

Change background: #fff; as you wish.

Also, on line 1699 you have this:

.tcvpb_pricing-table-2 .tcvpb_pricebox_feature {
    background: #fff;
    display: block;
    border-bottom: 1px solid #c8c8c8;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

Change background: #fff; in color you like.

Then backgrounds will be colored as you wish, but you will see border. If you want to remove that or change border color you can in same code above:

just change border-bottom: 1px solid #c8c8c8;

Let us know if you need anything else :)

Cheers

Add New Note to this Reply

[Author]

Posts