In the travel demo the top 3 blocks that appear over top of the camel picture have white borders and drop shadows. How does one achieve that effect.
Hi,
You mean this Newspaper theme demo – https://demo.tagdiv.com/newspaper_travel/
Newsmag has a demo with a similar design for the top part
– https://demo.tagdiv.com/newsmag_food/
This is achieved by setting a negative margin top for the row containing the block (the Newsmag demo) – http://prntscr.com/md3hbt or to the block itself (Newspaper demo)
– http://prntscr.com/md3hln
Setting this negative margin can be done in the CSS tab of the row or block, while editing the page with the composer – http://prntscr.com/md3ic6
Let me know if you have more questions.
Thanks
Simion,
Yeah, I meant Newspaper not Newsmag. I already got the positioning of the block 5 but I still can’t get the white border and drop shadow around the 3 individual post boxes. Where is that controlled?
Thanks
Pete
Hi,
That is a customization specific to the travel demo – http://prntscr.com/mdlhrb Some demos when installed will import an additional stylesheet containing various customizations for theme elements.
I could try and adapt it to the elements in your website, please post a link to the page where you want to do this modification. The solution will be more accurate this way. Or specify the type of block used so I can try it on my end.
Thanks
Simion,
Block 5 looks good, but I was concerned that if we had a special event I’d like to use something different temporarily, thus my question. The real problem turns out to be that I’d like some article text below the title, and module 3 doesn’t give me that option. http://newsite.greatcompanions.info/
You could use a flex block instead, like flex block 1. This can be customized to look in many ways. It has an option for the module padding, image customization options, show/hide post meta and many styling options.
So you can achieve different results with the same block, for example here it looks like block 5 – http://prntscr.com/me3b21
And here it looks in a different way – http://prntscr.com/me3cim
Here are some block designs available through the cloud library plugin, based on flex blocks, you can preview and even edit them to see how they are made
– https://affiliate.tagdiv.com/#/load/Blocks
Let me know if you have more questions.
Where do find flex blocks? The cloud library plugin, right?
-
This reply was modified 7 years by
pete@e-production.net.
