Archived topic
Blocks with 50% width and different background colors
3 replies · Started by sergey on February 26, 2019
Hi,
tried searching and did not find an answer, let me know if there is an answer already.
I like the way Head On has different color blocks in a single row.
Is there a way to achieve a similar look with 50% vs 33% flex block? or would changing the custom CSS to 50% work?
Hi there,
Sounds like you are looking for Columns block?
Let me know :)
Not the Gutenberg blocks, more of flex blocks. Not sure if that is the correct way to describe it:
- would like to have a row with X% color and other 100-x% another color and have a product image spanning across both.
An example of that from this theme: http://be.beantownthemes.com/html/index-cosmetics.html
Hmm that page is just using background image like this:
http://be.beantownthemes.com/html/content/cosmetics/images/home_cosmetics_slider_1.jpg
http://be.beantownthemes.com/html/content/cosmetics/images/home_cosmetics_slider_2.jpg
But yes I believe you can also create flexbox inside an HTML block and assign background color to one of them.
I used this site often:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
