[Resolved] Issues styling block element

[Roger]

While I have your attention, I enjoyed and followed the video tutorial you did here https://docs.generatepress.com/article/block-element-content-template/ but am still running into trouble.

You can take a look here: https://alternateg1stg.wpengine.com/blog/

My problems are that:
-the blog category isn’t appearing in the top left
-the post title is appearing in a blue green color even though I specified white as the color
-the “read more” button should have a hover effect which isn’t working

Can you shed any light on this?

[Ying]

-the blog category isn’t appearing in the top left

Can you make sure the settings for the button(categories)block are correct? for example like this:
https://www.screencast.com/t/imG90907Z

-the post title is appearing in a blue green color even though I specified white as the color

Have you set the link color for the headline block which represents the title?

-the “read more” button should have a hover effect which isn’t working

It’s because you’ve added the container link which sits on top of everything, so when you hover over, you are actually hovering the container link, not the button, so the hover effect added to the button would not work.

[Roger]

Thanks, Ying. I made some progress as you can see here: https://alternateg1stg.wpengine.com/blog/

Now the title is appearing in white and the post category is appearing as well. The category button isn’t linking to the category archive and I’m still having trouble with the hover cover on the “read more” button. It works fine in the block editor, but when I publish it the hover isn’t working. I tried to follow Leo’s video on this as closely as I could, but at one point, he speeds it up so it’s hard to follow everything.

[Fernando]

Hi Roger,

The entire Container Block holding the category and read more buttons is still set as a link.

You’ll need to disable dynamic link settings for the Container Block to allow the buttons inside to work as expected.

Nested links isn’t allowed in Website structure.

Basically, set the mentioned Container Block’s dynamic link setting to “Choose” as such: https://share.getcloudapp.com/QwudY814

[Roger]

Thanks for the helpful screenshot, Fernando!

[Fernando]

You’re welcome Roger!

[Author]

Posts