Update to Pro

Support
#21

Ok Christian,

I did it all and everything seems to work properly having activated the new Pro child theme.

Now what about the fonts that are all italic now and they weren’t before.

Besides on the checkout page I got a strange behavior related to the credit card images and PayPal logo that was working correctly before the update. see screenshot below

Thank you very much for your valuable support.

Roberto

#22

Hi there,

Have you exported and imported your theme options settings? The italic bug is known issue and should be fixed in next 2.1 version. Though, not of all can reproduce this issue, so there should be something happened on your setup.

For now, as workaround, please add this CSS to your global custom CSS.


    body,
    .x-navbar .x-nav-wrap .x-nav > li > a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-style: normal;
    }

About the checkout and Paypal images, please add this CSS as well

.woocommerce-account form .payment_methods label img, .woocommerce-checkout form .payment_methods label img {
    display: block;
}

Thanks!

#23

Hello Rad,

thanks a lot the font is ok now but on the checkout page I am still seeing a question mark related to what it looks like a missing image. See screenshot below.


Thank for the great help received.

Best regards
Roberto

#24

Hello There,

Thanks for updating in! I have check your checkout page and I could not replicate the issue.
This is what I am seeing:

This could just be a caching issue. Please clear all your plugin caches and your browser cache as well.
Test your site again.

#25

Hello RueNel,

I test everything again, purge all cache and browser cache, but I can still see the broken link image…

Tryied to open the page with a different browser everything is ok.

Can we say, from this test, that the problem is in the browser cache ?

Thank for your help,

Roberto

#26

Hello Roberto,

Thanks for updating the tread. :slight_smile:

On my end also images on checkout pages are loading up fine. Please see screenshot. https://cl.ly/0F1f1Z3o0J3W

I see that you are using Two Cache plugins. All in one SEO and W3 Total Cache plugin. Can you please clear cache for both the plugins and preferably disable one plugin and then see how it goes on your end?

Thanks.

#27

Hello Prasant,

to tell you the truth I didn’t Know that All In One SEO was a cache plugin.

Anyway I deactivate both, All in One SEO and W3 Total Cache, but the situation is even worse.

See the screenshot

I don’t know what to say…???

I confirm that with safari the broken link images is present

while with Chrome is fine

Thanks for the help,
best regards
Roberto

#28

Hi Roberto,

Edit the CSS code in (Pro > Theme Options > CSS) and you will find this code:

/* visualizza il logo paypal nella pagina di checkout */
li.payment_method_paypal label:before {
  content: url(\"http://www.castello.it/wp-content/plugins/woocommerce/includes/gateways/paypal/assets/images/paypal.png\");
  vertical-align: middle;
}

/* visualizza il logo cartecredito nella pagina di checkout */
li.payment_method_gestpay-starter
label:before {
  content: url(\"http://www.castello.it/wp-content/plugins/woocommerce/includes/gateways/simplify-commerce/assets/images/cards.png\");
  vertical-align: middle;
}

Please remove the \ before and after the URL, so for example, it’s like:
http://www.castello.it/wp-content/plugins/woocommerce/includes/gateways/simplify-commerce/assets/images/cards.png

Also, make sure to use https instead of http.

This should resolve this issue.

Thanks.

#30

Hey Roberto,

Pro’s child theme name is still x-child. That was still unchanged maybe because to prevent X to Pro conversion issues.

Please also open separate threads for each issue you encounter. Just post a link back to the related threads to provide more context. This is because, the longer a thread gets, it often leads to confusion.

Thanks.

#31

Hello Alaa,

thank you very much for your help.
The problem was really there in the Global CSS, but now as you can see from the screenshot below I got twice the images.

How can be fixed ?
Best regards,
Roberto

#32

Hey Roberto,

Deleting the code block that @Alaa showed you will remove the duplicate images. See https://youtu.be/iglV1H_etYo

I’ll close out this thread as the discussion is drifting away from the original topic and the issue now is with your custom CSS.

Thank you for understanding.

#33