Hello,
I am trying to reproduce this part from the gadgets demo. Sadly, I couldn’t figure out how it’s done. I got this far using the “block 17” with “block header 12” for the title.
Obviously, the blocks look quite different.
The first image should have no excerpt
The secondary posts should start with a dot
The category label should not be visible.
Any suggestions one how to reproduce this?
Hi,
You can use the browser inspector to identify the elements used on the page. You will see that the blocks used are these
– https://www.screencast.com/t/9lLRSzFQ2
You could do the same like this
– https://www.screencast.com/t/DkxBUPPIN
– https://www.screencast.com/t/9Ejxfmbv
– https://www.screencast.com/t/AgBFcLt2ulf5
Split the row in three columns, add Block 14 with a 1 limit post in each column, then Block 9 just after it. Of course the demo has it’s own style and design for these elements, so they will not be looking exactly like in the demo.
You could copy the style from the demo and make them look the same if you want
– https://www.screencast.com/t/clcnDE13
– https://www.screencast.com/t/JvNqMjEjv
Thanks
Quick question: what’s the best way to limit the css to a specific page?
Or, using the css editor inside the TD composer already does that? Asking because I don’t really want all the td_block_x to be affected by a change.
Hi,
Using the tagDiv composer, you can set extra classes to the blocks for example
– https://www.screencast.com/t/3DtiqKrc5
This way these blocks will be unique an you can target them specifically.
For a particular page you can use the page Id for example. The page Id is display as a class on the body
– https://www.screencast.com/t/NUwbjjc83p
So you can start your custom code with that class, and it will apply only on that page.
Thanks
