Tip for CSS for > Flex Block 4 – only Module Flex 1 > as "card"

Posted in: Newspaper
Post count: 162

Hi,

Would you be so kind a give me the TD-Composer settings or (/and?) the custom CSS to turn only the Module Flex 1 in Flex Block 4 into a “card”. In my case the cards should be with a gray card background, a border and a drop-shadow. Basically similar to your Architecture preset, on a white wrap. (But I do not use Architecture!)

Thank you

Post count: 20688

Hi,

You mean the module from the top of the demo? – http://prntscr.com/mkic2x
That shoudn’t be hard to do with a flex block.

The meta can be set to appear above the image and some padding
http://prntscr.com/mkicvo
Add a background for the meta – http://prntscr.com/mkihmq
A shadow could be added but for both modules in the block – http://prntscr.com/mkik3f
It could be added with some CSS – http://prntscr.com/mkilmf
http://prntscr.com/mkilvlhttp://prntscr.com/mkim0k
Code used in the example

.myclass .td_module_flex_1 .td-module-container {
box-shadow: 0px 0px 1px 0px #000000;
}

Of course you can customize the fonts used as you want, the category tag
http://prntscr.com/mkin8phttp://prntscr.com/mkio2c

If you have more questions let me know.
Thanks

Post count: 162

Excellent. Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.