Woo commerce terms and conditions link not working anymore

Support
#1

Hi there,

After the latest updates, it seems that the link to our Terms and Conditions in checkout do not work properly anymore. When clicked on it just reveals the text “Byg bæredygtigt” but not the page specified and not the page specified in WooCommerce advanced settings.

My webshop is: https://frametest.knowledgeworker.dk/

Can you help me solve this problem?

Regards,
Carina

#2

Hi Carina,

Thank you for writing in, please recreate your /handelsbetingelser/ page with Classic (Text/Headline) elements only. The v2 elements are only accessible on the page where it’s created.

Or create a new Terms and Condition page using plain HTML/text content editor.

Let us know how it goes,
Cheers!

#3

Hi There,

Thanks for you answer, it solved the problem. I have an other kind of related issue - after updating Pro yesterday the submit button (Bestil projekt) is behaving strangely. When hovering it changes size, which it didn’t do before. Can you help fix this as well?

Regards,

Carina

#4

Hi Carina,

I have checked your site but I can’t see the button that you have mentioned. Would you mind pointing out the exact location of the button?

For the meantime, please make sure you have cleared your site’s cache.

Thank you.

#5

Hi Jade,

Is the submit button just after the “terms and conditions” that changes size when hovering, which it did not do before the update.

My website is: https://frametest.knowledgeworker.dk/


Hope you can help me.

#6

Hi @KnowledgeWorker,

You have this existing CSS to your child theme’s style.css

.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover, .mec-load-more-button, .mec-load-more-button:hover {
    color: #ffffff;
    border: 2px solid #1c8fc9;
    background-color: #1c8fc9;
    margin-right: 10px;
    margin-top: 5px;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0.54em;
    display: inline-block;
    position: relative;
    padding-top: 0.75em;
    padding-right: 0.76em;
    padding-bottom: 0.75em;
    padding-left: 0.76em;
    cursor: pointer;
    font-size: 0.75em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: "Raleway",sans-serif;
    font-weight: 600;
    letter-spacing: 0.25em;
}

Please change the line

font-size: 0.75em;

to

font-size: 0.75em !important;

The child theme’s style.css is loaded first (child theme first) so your custom CSS is being overridden by the default one.

Thanks!

#7

Thanks, it solved the problem! :slight_smile:

#8

You’re welcome, glad we could help.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.