Where add floating div tag in code?

*bumpy road* : )

kbf, it’s not clear what it is you are asking for. For one thing in the first paragraph, you talk about a left margin and in the second, a right margin.

In kubrick, the side bar appears at the end of the page content.

My preference is to arrange my code in appearance order. If I want the sidebar on the left side of the page, I would put the sidebar directly after the header.

The way I usually approach this type of thing is to start with the left-most element. Call that element the sidebar. Set its width in css and float it left. Give the next (left-to-right) element (probably “content”) a left margin greater than the width of the sidebar. If it’s to be a 3-column layout, then content is just floated left and given a width. column 3 then would have a left-margin greater than the combined widths of the first 2 columns plus any extra padding added for white space.

Hope that helps!

Hi 1rivers……… my bad! what I meant to say was that I aligned default kubrick to the right to free up a big left margin …. What file would you add the code to in order to add a floating sidebar <div> in the free left margin? This is the same area outside of the template that now only shows the tiled background image…… what I’m wondering is where in WP to add the css to float an additional sidebar in the free space on the left……

thank you!
kf

What you are trying to do is not as simple as someone posting some code into the forum.

you’re doing whatever you are doing with the hardest theme there is to modify.

If you insist on doing it the hard way, instead of finding a theme that already has TWO floating columns already (and there are quite a few that do), and starting there…

You need to add an extra container <div> above whatever youve aligned to the left. You then add another column using another <div> beneath what youve aligned to the left.

Using CSS you style it.

You’ve not provided a link to what you are doing, so thats probably the best youre going to get. And even WITH a link, like I said, its not a simple “lets paste some code and get it done” question.

Please look at this:

https://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

whooami is right… Just find a theme with 3 columns and change the look if you don’t like it (colors, background, etc.) Much easier than constructing it yourself.

whooami + azaozz……. thanks a lot for taking the time to provide that information ……. very helpful ….. thank you again!

kf