[Jack DParticipant]

Renew http://www.protectiondogsuk.co.uk Lates WP and X Theme

I have added the following in the Customizer which works on my other site but not on protection dogs:
@media (max-width: 767px) {
.x-scroll-top .x-icon-angle-up:before {
content: “TOP”;
}
}

.woocommerce-account .checkout .payment_methods label img, .woocommerce-account .form-edit-address .payment_methods label img, .woocommerce-checkout .checkout .payment_methods label img, .woocommerce-checkout .form-edit-address .payment_methods label img {
display:inline;
}
It does not work on http://www.protectiondogsuk.co.uk unless I have made a mistake could you check for me. I’ll send private login

[Jack DParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks for writing in.

It’s due to cache, I went ahead and cleared them. Your CSS is now in effect.

Though, it’s only viewable on the mobile phone since you’re targeting it through @media (max-width: 767px). If you wish to apply it on desktop too, then remove the @media block that wraps your CSS.

Thanks!

[Jack DParticipant]

On my other website http://www.unifloors.co.uk it is visible on all devices with exactly the same css:
@media (max-width: 767px) {
.x-scroll-top .x-icon-angle-up:before {
content: “TOP”;
}
}
So I don’t understand why it only shows on mobiles on http://www.protectiondogsuk.co.uk. I’ll send the log in for unifloors

[Jack DParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

It is showing up fine on my end.

Kindly clear your plugin and browser cache then check again.

http://screencast.com/t/uLymvIir1

Thanks

[Jack DParticipant]

Sorry Paul but we are at cross purposes. Your screenshot is about clicking to the top of the page which is nothing to do with my question. I want to show the credit card icons in the paypal checkout. It just shows on mobiles at the moment on http://www.protectiondogsuk.co.uk and I want it to show on all devices as it does on http://www.unifloors.co.uk although the custom Css appears to be the same on both sites.

[RadModerator]

Hi Jack,

Please remove any @media query that wraps your CSS if you’re aiming to display them regardless of devices.

Please note these,

@media (max-width: 767px) // Devices smaller than 767px which is mobile

@media (max-width: 979px) // Devices smaller than 979px which is tablet

@media (min-width: 980px) // Devices bigger than 980px which is desktop

If you don’t wish to selectively apply your CSS to the specific device, then please remove @media blocks. It’s part of development and device standard and not something we imposed.

I’m not sure what’s the difference between http://www.protectiondogsuk.co.uk/ and http://unifloors.co.uk/ but regardless, please remove @media wrapping as recommended if you wish to implement it on all devices.

Thanks!

[Jack DParticipant]

I don’t think this is the problem. All the @media wrapping are in unifloors custom css but the icons still show in checkout and as I said before the custom Css appears to be the same on both sites.

[RadModerator]

Hi Jack,

Hmm, maybe I’m looking in the different area. Would you mind providing a video recording showing the difference between the two? Visual guide is always helpful 🙂

Thanks!

[Jack DParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> JavaScript :

jQuery(".woocommerce-checkout label[for='payment_method_ppec_paypal'] img").attr("src","https://www.paypalobjects.com/webstatic/mktg/Logo/AM_mc_vs_ms_ae_UK.png");

Add this CSS code to :

button.paypal-button.paypal-style-checkout.paypal-color-gold.paypal-size-medium.paypal-shape-rect.en_US {
    display: none;
}

Hope that helps.

[Jack DParticipant]

Sorry this does not work

[ChristopherModerator]

Hi there,

Please connect to FTP and upload https://www.paypalobjects.com/webstatic/mktg/Logo/AM_mc_vs_ms_ae_UK.png under https://www.paypalobjects.com/webstatic/en_US/i/buttons/ and rename it to pp-acceptance-small.png.

Hope it helps.

[Jack DParticipant]

Thanks but I have no idea how to do this and I cannot understand why I did not have to do this on unifloors

[Author]

Posts