Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Problem setting Pricing colums


Question

Posted · Report post

I have some problem setting Pricing Colums but i can't find the problem where is!

This is the custom code:

/* PER GESTIRE COLONNE PREZZO */

.pcol-head {

border-radius: 11px}

.pcol-title {

background-color: #f37e2a;

border-radius: 11px 11px 0px 0px;

border-bottom: 1px solid #ffffff; text-align: center; color: white !important; font-size: 24px}

.pcol-highlight {

background-color: #3399ff;

font-size: 12px; color: black!important;

padding: 0px;

} .pcol-link {

background-color: #3399ff;

border-radius: 0px 0px 11px 11px}

.action-link{border-radius: 25px}

.pcol-content p{

color: #ffffff;

font-family: arial;

font-weight: bolder;

font-size: 17px}

.pcol-link {bottom:0px}

.feature-list li a, .feature-list li a:hover {

color: black;

border: none}

.pcol-content{

background-color: #3399ff;

border-bottom: 4px solid black}

.pcol-features {

background-color: #f0f0f0;

border: none;

border-radius: 11px;

padding-left: 10px;

padding-right: 10px}

.pcol-features ul li {

border-bottom: 1px solid #c9c9c9;

border-top: 1px solid #eeeeee}

li#menu-item-111 {border: none;}

.endlink {border-bottom: none!important}

SITE HERE

is the same code that i had used here, and work..

SITE 2 HERE

Anyone can help me please?

I would like to remove the grey background down the button.

Thanks for fast reply;)

Share this post


Link to post
Share on other sites

13 answers to this question

Posted · Report post

Stefano,

Someone put this code into your site and it was not us.


.pcol-head .pcol-head-pad .pcol-highlight h2 {

color: #000000;

font-size: 3.5em;

line-height: 1.5em;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);

}

Change the code from 3.5em to 1.5em and your site looks normal. Just add the corrected code (below) to where ever you place custom CSS:

.pcol-head .pcol-head-pad .pcol-highlight h2 {

color: #000000;

font-size: 1.5em;

line-height: 1.5em;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);

}

Share this post


Link to post
Share on other sites

Posted · Report post

Do you have any other custom CSS set up on Site 2 (like in the style.css file if you're using the base theme)?

Share this post


Link to post
Share on other sites

Posted · Report post

I'm not using a base theme on site 2 and, as i see, the plugin and all is similar, in site 2 i have more soapbox installed and in site one not.. But no more:(

Share this post


Link to post
Share on other sites

Posted · Report post

I see just now the problem!

is the latest UPGRADE!!!

I just upgrade on site 2 and also in site 2 now doesn't work!!!

Share this post


Link to post
Share on other sites

Posted · Report post

The pricing section has not been updated in months, what update and what site are you referring to?

Share this post


Link to post
Share on other sites

Posted · Report post

See the problem here:

http://sitoesubito.com

Fix: Font dimension in header is changed, font dimension in price section is too big (70px), grey band/background down the button

and

http://piumaweb.com

Fix: Font dimension in header is changed, font dimension in price section is too big (but now I fixed to 12px), grey band/background down the button

Share this post


Link to post
Share on other sites

Posted · Report post

I just installed pricing, using default settings, the 15 in the middle is the price, its a h2 and set to 3.5em

Your site is also h2 at 3.5em, so somewhere in your custom css you are forcing the default fontsize up.

Share this post


Link to post
Share on other sites

Posted · Report post

sorry .. SOMEONE???

Share this post


Link to post
Share on other sites

Posted · Report post

I set the code but the GREY background down the button don't disappear and the font now is too little

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

I have spent the last 3 hours trying to find out what I was doing wrong, thank you so much for this post!

Share this post


Link to post
Share on other sites

Posted · Report post

For public interest.. with new upgrade.. this is a CSS CODE that work perfect!

See SITE HERE

/* PER SETTARE LE COLONNE DEL PREZZO */

.pcol-head {

background: none repeat scroll 0% 0% #3399ff;}

.pcol-title {

color: #ffffff;

background: #f26e0e;}

.pcol-title {

padding: 14px 10px;

font-size: 20px;

border-bottom: 1px solid transparent;}

.pcol-features {

background-color: #f0f0f0;

border: none;

border-radius: 11px;

padding-left: 10px;

padding-right: 10px}

.pcol-head, {

border-radius: 11px}

.pcol-title {

background-color: #f37e2a;

border-radius: 11px 11px 0px 0px;

border-bottom: 1px solid #ffffff;

text-align: center;

color: white !important;

font-size: 24px}

.action-link{

border-radius: 25px}

.pcol-content{

background-color: #3399ff;

color: #ffffff;

font-size: 13px;

border-bottom: 4px solid #3399ff;}

.pcol-content p{

color: #ffffff;

font-family: arial;

font-weight: bolder;

font-size: 17px

}

.btn {

border-radius: 25px;

}

Share this post


Link to post
Share on other sites