Site logo

Archived topic

Header to the left of the content column

3 replies · Started by Simon on July 19, 2021

Viewing posts 1–4 of 4

Hi guys, hope you're good!

I'm playing about with trying to get a H2 (or part H2) to the left of content on single posts like like this website

header

I know I can use the Headings block to get colour background but just not sure how to "indent"(?) it to the left so it's outside of the normal content container. If you can offer any advice it would be greatly appreciated! :-)

Hi there.

tricky - but it could be done with some CSS - but in addition to that you would need to consider the container layout:

1. All floated left elements would need to be same width.
2. The content layout and its padding would need to be able to accommodate the floated element. The example site you shared has a very narrow content width and larger left and right padding. Which affords the space for the floated heading.

You would need to add that first or the element is only going to hang to the left on larger screen sizes.

Ah, I see. Yeah trickier than I thought lol. I don't know why I like to make things hard for myself 😂 I'll leave it for now. Thank you! 👍

Yeah its not a simple set up :)

Glad to be of help.

This archived topic is closed to new replies.