Archived topic
GP Elements Display rules, Internal options not working
22 replies · Started by Moretasks on May 5, 2022
Hi David,
By writing Custom HTML on Block, I already provided WordPress credentials.
Please check
Regards
On the home page, if right click > inspect i see there is a footer.css file is 404 ing - do you know what that is ?
Nope,
we don't know about footer.css
We just install wordpress and start using your theme.
Regards
The footer.css file is being requested by the custom HTML you have added to your site using the Hook Element titled: Footer_5.
The URL in that request is a relative path. It needs to be an exact and full URL to the location of its styles.
None of this is theme related as the theme doesn't know you added a custom HTML footer....
Hello,
I just removed footer.css link from footer_5 now.
But footer is still different on homepage and blog page
Regards
Now on your Home Page in your Custom HTML the first HTML block you have is full of code that should NOT be added to the content of your page. And that code includes things like:
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7_dtp.css" rel="stylesheet" type="text/css">
Which is the CSS styles the mailchimp form requires.
If you want that style ( and any of the other styles or scripts you have in that HTML block ) then you need to remove it from the HTML Block then:
1. Create a new Hook Element.
2. Add the code to the hook element.
3. Set the Hook to: wp_head this will add the code inside the <head> of your site.
4. set the Display Rules to the: Entire Site
That way the code gets loaded on more then just the home page and in the correct place.
Note in that same HTML Block you have this:
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">Those are not required and should be removed.
Hello,
We fixed these things also, but the issue is still there.
Regards
The issue is you're adding HTML inside WordPress Theme templates and its not how you do it.
For example your mailchimp file hook looks like this:
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>This is wrong - you DO NOT add the <head> tags as they are already in the theme.
Simply add:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
But please note - this is not a Theme related issue, as YOU are using custom HTML to create this content and then Theme has no control over that.
