By Anonymous (not verified) on

Hi,
I need some help as a Drupal beginner to give a created content-type the same height and a 3 column footer.
I use pixture reloaded as a theme. The products are different nodes for each product on a custom page with panels. The footer contains just three different blocks.
I looked on google, youtube and co. but wasn't able to implement any of the solutions I found.

My products look like this:
 

Currently I added empty paragraphs into the left upper product description to balance the longer text of the upper right product, but of course the second row of products is still not level. How do I fix that and keep my theme responsive on every resolution?

My footer looks like this:
 

I found the suggestion to use float to create what I want. Unfortunately, while I was able to do that in HTML/CSS, I have no clue how to start in Drupal.
Thank you for any help
Regards,
Markus

⋅ Categories: Drupal 7.x

Comments

Stefan Lehmann’s picture

Stefan Lehmann commented

That's actually really a pure CSS question and has not much to do with Drupal - so therefore it's the wrong forum imho. If you already achieved (with a simple prototype) what you want you basically "only" have to apply that knowledge onto the HTML markup generated by Drupal.

However having at least somehting useful to add here: Yes, you can solve that with a float: left; etc. Another possibility though would be to use the display: inline-block; attribute - which I find sometimes more handy as it doesn't affect so much the surrounding container. :-)

Still you need to do your CSS homework.

I like cookies!

Anonymous’s picture

Anonymous (not verified) commented

Yes,
I got it running. Thank you for your input.