split header into 4 columns

[stephangriesel]

Hi guys,

I hope someone can help me here. I have never done this before but I know it can be done, im just not sure how to approach it.

I have a WordPress theme that I want to customize a bit by changing the header into 4 different colours, each section/table must have it’s own background colour and they all have different sizes as well. Did some research and went through some tutorials on w3schools.com but im still not 100% certain how I am going to go about styling what I have in mind.

From what I have seen on w3schools I can achieve the 4 column header layout by doing the following, but how would I go about changing the background colour for each one, here is snippet of the code:
http://codepen.io/minionza/pen/QbJxOG.css

Here is link to the theme I will be using:
https://wordpress.org/themes/adirondack/

Really hope someone can help me here, will be much appreciated :)

[Paulie_D]

You can’t do that with column-count as far as I know. column-count is a layout style that applies to containers…it doesn’t create separate elements that can be selected and styled.

If you want 4 sections…use 4 elements, then select and style accordingly.

[stephangriesel]

Thank you for your quick reply Paulie_D. Can you please point me in right direction how I can create the 4 sections and use the elements?

[Paulie_D]

That’s a little undefined.

You’ll need to edit the PHP templates I suspect to add 4 divs to the header section.

You might be better off asking a new question over in the PHP section…but I think you’ll need to provide more information to give those guys some background.

[Author]

Posts