Archive Layout Problem

Support
#1

Hi,

I am creating an archive layout which will bring through a CPT’s category posts. However, I am getting strange layout problems when I set either the column (or even a div within the column) to HTML tag <a>.

In the first screenshot, when I change the HTML tag from <div> to <a>, the two child divs, which contain the image and text, shift out of the column and act as columns in their own right. However, the first post’s layout is normal.

2025-11-24_14-19-11
2025-11-24_14-19-111333×444 307 KB

The second screenshot shows my section’s layout.

2025-11-24_14-18-36

If I revert the column’s HTML tag to <div>, the layout is correct. I cannot work out why the divs shift if the <a> tag is selected. My aim is to have the entire column as the clickable link.

Thanks,
Christopher

#2

Hi Christopher,

Thanks for reaching out.
We have attempted to verify the layout through the WordPress admin dashboard, but unfortunately, the admin login URL is displaying a 404 error. Can you please share the WordPress admin login URL for further investigation?

Thanks

#3

Apologies. URL in Secure Note again.

#4

Hey @whitemedia,

It’s because of the broken HTML in your “Contemporary Extension to 1970s House in Bath” content or it’s broken due to slicing the content. To prove that, I tested replacing the content with just a single word “test” and the layout is fixed.

I’d recommend not to slice the content or just put regular paragraphs with no HTML.

image
image952×576 238 KB

image
image796×154 4.07 KB

#5

Thanks @christian. I can now see what has happened - copying and pasting text has inadvertently brought across some background HTML. No wonder I struggled to find it.

The dynamic content is the method Charlie recommended to create excerpts from full-length text.

Thanks,
Christopher

#6

Hi Christopher,

Glad that we are able to help you.

Thanks