I probably don’t need a full answer here - just some hints will do. I have cloned The ClassicPress Theme. In my clone, I have created a template for making a homepage, with no right-hand sidebar. I have registered 4 footer widget areas. My homepage template calls an amended version of the footer.php (footer-home.php). So far so good. But I am struggling to work out the CSS that will make my 4 footer widget areas sit nicely next to each other on large screens. Can anyone offer a hint as to what my footer widget areas’ CSS should contain? All four footer sidebars use the same CSS class at the moment, as I was expecting to be abl;e to use width: 25%;
1 Like
You have to use flexbox. Footer wraps four divs that are the widget areas and then you style it from there.
3 Likes
This is excellent! Somehow flexbox has passed me by. It looks really straightforward on the W3C site - exactly what I need. Thanks!
3 Likes
Thank you, Elisabetta. I got this to work in a matter of minutes! I thought people were going to suggest integrating Bootstrap or similar. But using these flexbox styles was so simple! But I wouldn’t have found it if you hadn’t suggested it!
3 Likes
Bootstrap is built on flexbox. Flexbox is CSS. Invented when people got fed up with media queries. It is mobile first and responsive by design.
Bootstrap is a nightmare to maintain and to upgrade 
These days I have my own tiny library based on Flex and Grid.
1 Like
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.