Hi,

Indeed, the problem seems to come from the child theme. When I revert back to the parent theme I don’t have any issue with the checkout page… Weird.
As you can see I don’t have any custom PHP code that affects the checkout page itself so I’m not sure where the problem comes from exactly.

Could you help me with this? Thank you

• This reply was modified 3 years, 9 months ago by DeMamp.

Hello,

I disabled the cookie consent bar and indeed it is this feature that breaks the checkout page.

The thing is that users cannot get access to the checkout page without having been on any of the other pages prior. This means that they would’ve already agreed to the website’s use of cookies. That’s why I’m not sure why disabling the cookie consent bar ONLY on the checkout page would be a problem.

Is there a way I can block it on a specific page? This is the current code I’m using but it doesn’t work:
#top.postid-1624 .avia-cookie-consent.avia-cookiemessage-bottom {display:none !important;}

Thank you

• This reply was modified 3 years, 9 months ago by DeMamp.

Thank you so much Mike, that works great! :)

(The thread can be closed now)

Hi Mike,

Thank you so much for your help. I can’t tell you how grateful I am.

I’ll just use cPanel to edit the files from now on. I’m glad the issue isn’t really one.

The code works perfectly, thank you! I tried to adjust the width as the second logo is a bit too small, unfortunately I can’t seem to find out how to do so. I tried a few things myself such as:
$('.logo a').find( 'img' ).attr('src', 'https://url.com/wp-content/uploads/2021/01/2nd-logo.png').css({ 'padding-top': '20px' 'width': '200px'});

or

$('.logo a').find( 'img' ).attr('src', 'https://url.com/wp-content/uploads/2021/01/2nd-logo.png').css({ 'padding-top': '20px'}) ({'width': '200px'});

But since I’ve never coded before these are probably silly attempts… I also tried to Google “JQuery” “width” “script” but I didn’t find anything resembling your code. If you could tell me what to add to adjust the width that’d be perfect.

Thanks again for your great support!

• This reply was modified 3 years, 10 months ago by DeMamp.

Hello,

They are actually disabled on my end: https://prnt.sc/z44zls
But the code still doesn’t work…

EDIT: I found out that I had the same code twice. Also, putting it at 77px and adding !important solved the problem!

Thank you!

• This reply was modified 3 years, 10 months ago by DeMamp.

Okay thank you. I thought the Google fonts were all already “loaded” since we are able to use them very easily in Enfold.

I’m not a developer in any way so I’m not sure how to load specific fonts. From what I’ve read on Google I have to import the font using @font-face? or @import? And then specify the page I want the font to appear on?

Would something like that work:

.page-id-xxxx
@import url('https://fonts.googleapis.com/css2?family=Roboto');
font-family: 'Roboto', sans-serif;

Thank you so much

I’m so dumb. I figured it out 2 seconds ago and went there to apologize before seeing that you already replied…

Thanks a lot, problem solved!

I reinstalled the plugin and the link should be working. Thank you!

Sorry, it should be working right now!

If the font is not used for any element on the page from the theme options, the font is not loaded or you’re trying to use the font-weight that is not available with the theme.

The theme options allow for 2 fonts only. Does that mean that the entire website can only display 2 different fonts and not 3?

Thanks a lot

Hello,

Sure, thank you!