magicalwonders

Hi,

Thanks for the advice and the link. It’s much appreciated. I’ll make sure I take a backup!

Myles

Sure Hannah. As previously mentioned, I managed to find a solution to this issue. Job said he would mark the thread as resolved. I appreciate the help. ??

I got it working! I think my code had spaces where there shouldn’t be!
So, this now works as expected – ??

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000;
    font-size: 16px;
    margin: 3px 0px 0px 0px !important;
}

Hey Job & Hannah,

Many thanks for your assistance. Loving the title “Happiness Engineer”! ??

I tried removing the rgba colour, leaving just the hex code, but it made no difference. I also used the specific button CSS in my child theme, but that didn’t have any effect either.

What is strange, is that my original theme using an earlier version of the theme creation software doesn’t exhibit this “flash” issue. You can see how it works here – https://internetsquad.co.uk/product/21st-century-card-trick/

I know that the software vendor completely revamped how their generated themes handle WooCommerce in their latest version, and it would seem that this has not been without issue.

For the moment, I’ve installed my older theme – https://www.internetsquad.co.uk/testsite/product/21st-century-card-trick/ and am tweaking the CSS manually to get the changes I want. I’ll have a word with the software developers and see if they can fix the issue for future versions.

Having reverted to my original theme, and eliminated the purple flash, I’m only stuck on one edit. I’m trying to reduce the space between the product name and the price by a couple of pixels, but nothing I try seems to make a difference.

My latest attempt is the following CSS in my child theme –

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000;
    font-size: 16px;
    margin: 12px ! important;
}

When I upload and view using Web Developer / Inspector, the “margin” doesn’t even appear as part of the CSS. So I guess using “margin” is not the method to achieve what I’m looking for?

If you can point me in the right direction to edit the gap between product title and price, I’ll be very grateful, not to mention a happy camper!

• This reply was modified 5 years, 7 months ago by magicalwonders.

Hi Tobias,

That works great! Many thanks for the assistance. ??

Best wishes,

Myles

Hi Vankaa,

Thanks for the info about developer tools! ??

Also, the code snippet you’ve provided works great! I appreciate the help! ??

Ok, thanks for all your help. I’m marking the thread resolved, as requested.:)

Thanks for the link! I’ll check them out.

One last question. If I get this working and someone inputs a domain which I’m blocking, does the error message show as a pop-up?

I have this currently set-up on a newsletter opt-in form. If someone tries to use a microsoft address, they get a pop-up asking them to use an alternative. Just wondering if it would work the same with the contact form?

I think I might just look for a regex coder to take on the job. The learning curve and time needed for a one time use doesn’t really make sense for me to try and do it myself.

There are a few gigs on Fiverr that offer Regex work. Even if it ends up costing $15 or $20, that would be well worth it as a time saver! ??

• This reply was modified 7 years, 2 months ago by magicalwonders. Reason: Added info

Ah, I see where it is now! Thanks. I was thinking it was one of the plugin files that needed to be edited!

I have to confess that I’ve never heard of Regex before. Having now looked at some examples of it, I don’t know where to begin! It’s nothing like php! Lol.

Hello,

Thank you for your assistance. I’ve had a look through the plugin files but I can’t find any reference to “Validation regex”. Can you tell me which file it’s in please?

• This reply was modified 7 years, 2 months ago by magicalwonders. Reason: typo

I’ve heard back from my software vendor and this is what they’ve had to say –

“There was some formatting issue with functions.php file of the theme, there should not be unnecessary blank spaces or blank lines in the file. Your theme’s function.php file should be properly formatted”

Maybe that might be of help, or something to look at.

Hello @arqueraweb and @manishk

It looks like different issues can cause the same problem.

In my case, it was the theme at fault. I’ll report back if I get an update from my vendor. ??

• This reply was modified 7 years, 3 months ago by magicalwonders.

My software vendor notified me a few days ago to say they have now fixed this issue in their latest release.

I’ve only just had time to test the latest version, and I no longer get the “undefined” error!

My vendor didn’t say what in the generated themes was causing the problem, but I’ll ask them and see what they say. They might not go into details, but it won’t hurt to ask!

I’ve carried out some tests using a fresh install of WordPress on a live server, and the results are no better.

I uploaded a pic measuring 600 x 562px 32.8KB and WordPress produced the following four pics –

600 x 562px 32.8 KB
85 x 85px 3.89 KB
156 x 156px 9.97 KB
600 x 562px 51.8 KB

The last one is massive compared to the original. It’s bigger than the first three put together!!

Why is it even producing a duplicate of the original? It seems like a complete waste of space. I’ve looked back on older sites and I can’t see that WordPress used to do this.