Travel demo top blocks

Posted in: Newspaper
Post count: 13

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.

Post count: 20685

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

Post count: 13

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

Post count: 20685

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

Post count: 13

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/

Post count: 20685

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.

Post count: 13

Where do find flex blocks? The cloud library plugin, right?

Post count: 23312

Hello,

The Flex Blocks appears only in our TD Composer.

Thanks.

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.