akubrin

Hi @im3dabasia1, thanks for your reply. Glad to know I’m on the right track. Thanks for adding the detail about the episodes sorting by date. I wouldn’t have known that otherwise.

Hi @coder, that makes sense. I’ll leave it alone then.

Thank you for all your help!

@calc20, somehow my header is broken. The site icon and the nav are now appearing to the left of the cover image.

Here is the way it currently looks in the Inspector:

Here’s my CSS code for the whole site:

/* 8-10-2024 @calc20 code from wp forum */
.wp-block-group.is-full-width, .wp-block-cover {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100vw !important;
max-width: 100% !important;
}
/* set footer height */
.site-footer { padding-top: 20px; padding-bottom: 20px; }
/* make row span full width, adjust and remove default padding*/
.wp-block-group.has-background { width: 100%; padding-left: 0; padding-right: 0; }
/* center footer nav */
.wp-block-group.has-background { display: flex; justify-content: space-between; align-items: center; } .wp-block-navigation { flex-grow: 1; display: flex; justify-content: center; }

Can you explain what has gone wrong?

Thank you.

Hi @codermania,

It’s almost there. There are some orange bits (padding?) on either side of the site icon and social media icons. How do I remove those?

Thank you.

@codermania, thank you for that clarification.

Which elements do I apply .wp-block-group.has-background to? To the entire footer? To the group? To the rows?

I know how to open the inspector and select an element, but I don’t know how to identify the classes applied to the element. The classes are somewhere in there, I guess.

Thanks!

Hi @codermania,

Wow, awesome, thank you for this code.

I have a question about how to identify the CSS selector classes in the block settings.

For example, for the second and third rules above, do I include the entire selector or just the class–that is, .wp-block-group.has-background or just has-background?

Thanks!

Hi @calc20,

Thank you for these explanations and the code. For my site, working in a template makes sense, since I plan to replicate the same layout across multiple pages.

I made these changes to Page (Large Header) and added your code to Additional CSS. But the Cover and nav are still not full width. I also seem to have ended up with some extra pieces.

Here is a preview of my Home page, which is based on Page (Large Header):

Here is the list view of my Page (Large Header) template:

I think I need to delete the first Cover (outlined in red) and move the second cover (outlined in blue) into the Row containing the Site Logo and Nav. I also need to somehow insert text into the second Cover.

Does that sound right?

Hello, @kel-dc,

Thank you for this detailed description. It was very helpful.

Best,

Andy

Wow, thanks, @calc20 !

One additional question: do I set up the block and cover in the page or in a template?

Thank you!

Hi Jeff,
Got it, thanks. I just submitted my query through the contact form.
Thanks for you help!
Andy

Hi Jeff @specialk
OK, so I upgraded to Pro. Easy peasy.
I also created my GA 4 property in analytics.
But where do I install it in the GA Pro plugin?
Thanks.
Andy

That’s great, Jeff. I’ll go ahead and upgrade. As long as I can run both versions via your plugin, I won’t need GTM. So your plugin is the simplest solution.
Thanks for the quick response.

Hi @jyoti197,

I added the code you supplied, but I’m afraid this issue is still unresolved. The site reports as follows:

Sorry for taking so long but the is no change.
I just tried it on a brand new machine and same behavior as before.
Actually, it might be a bit worse as it used to work once and then not again but on the new machine it didn’t work at all.

What are your thoughts? How can we fix this issue?

Thanks.

AK

Hi @fellyph,

What it came down to, then, was setting a featured image for the original page. I did that, then tested both the AMP and the non-AMP versions. Both passed the test.

Thanks for your help.

@akubrin

@fellyph, @culturalistpress,
Something is happening, but I’m not sure what.
Just today, I got a report from Google Search Console.
It says that for two URLs, the AMP versions have invalid structured data:

• https://cycle7comms.com/blog/?amp
• https://cycle7comms.com/nonprofit-marketing-communication-2/?amp

But the canonical links seem to be correct. In both cases, the AMP version is pointing to the non-AMP version, and vice versa.
What do you think?