The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 05-11-2014, 01:25 PM
Pink Perfect's Avatar
Pink Perfect is offline
 
Join Date: Sep 2013
Posts: 23
Default

credit card logos under credit card payment option


hi

I'm using below CSS code to show credit card logos in the order form (right under the credit card option). but logo is not showing. what can be the problem?


div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock {
background-image: url('http://www.credit-card-logos.com/images/multiple_credit-card-logos-1/credit_card_logos_visa_mc_amex_discover_paypal_sm. gif');
background-repeat:no-repeat;
height:30px;
width:254px;
}
div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock img{
display:none;
}
  #2  
Old 05-11-2014, 07:34 PM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

This:
Code:
background-image: url('http://www.credit-card-logos.com/images/multiple_credit-card-logos-1/credit_card_logos_visa_mc_amex_discover_paypal_sm. gif');
There is a space before '.gif'. It shouldn't be there.
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr
  #3  
Old 05-12-2014, 03:21 PM
Pink Perfect's Avatar
Pink Perfect Pink Perfect is offline
 
Join Date: Sep 2013
Posts: 23
Default

removed the space but still doesnt work .... can you check my css ?
  #4  
Old 05-12-2014, 07:21 PM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

I'd love to, but I don't know where your shop is.
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr
  #5  
Old 05-12-2014, 07:33 PM
Pink Perfect's Avatar
Pink Perfect Pink Perfect is offline
 
Join Date: Sep 2013
Posts: 23
Default

http://www.pink-perfect.com/#!order/c1xq2
  #6  
Old 05-13-2014, 05:22 AM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

It looks like the payment processor you are using simply does not have that block you are trying to skin. Your CSS says "Paint Alfred red", but there's no Alfred in the room, so it results in no changes.

There's however, another element there sayin "we accept all major credit cards", and you can instead style it with something like this:
Code:
div.ecwid-PaymentMethodsBlock-PaymentOption-instructions {
  min-width: 254px;
  padding-bottom: 30px;
  background: url("http://www.credit-card-logos.com/images/multiple_credit-card-logos-1/credit_card_logos_visa_mc_amex_discover_paypal_sm.gif") no-repeat left bottom;
}
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr
The Following User Says Thank You to Thematizr.com For This Useful Post:
Matt Ecwid (05-13-2014)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:42 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.