How do I style the post category to look like deals?

Posted in: Newspaper
Post count: 40

Hi, how should I style the post category tagged as tourist-deals to be styled like this?
https://www.dropbox.com/s/0mtbroow2x001it/2-3-2020%2012-46-15%20PM.jpg?dl=0

Post count: 35449

Hi,

You should be able to achieve that using tagDiv Composer and cloud templates from tagDiv Cloud Library. For category template you need to edit the posts loop -> https://i.imgur.com/cLfSwY1.png the settings are similar with these from flex block
Also if you want you can import sections or templates directly from the cloud ->

Hope this will help you!
Thank you!

Post count: 40

Hi Calin,
I purchased a new license with the extended support so that I can have it look exactly like the deals page.

Can you please advise what settings I need to change in order for me to get the deals page? The screenshot does not look like the deals page and you mentioned pre-sales that you will be able to assist me to get this look.

I have only managed to get the design i want with separate images and title in http://travelholic.gigaquirks.net/

Post count: 35449

Hi,

So if you want to achieve the exact same elements as here -> https://i.imgur.com/3322f8i.jpg then you can use the tagDiv Composer on you page, add a new row -> https://i.imgur.com/D3pNw0K.png and set the layout in 3 -> https://i.imgur.com/nhWGgzS.png after that set the column content in the first employ column -> https://i.imgur.com/rxCFDdQ.png after that click on the element and set the title text, description, image… -> https://i.imgur.com/p3QwZEf.png after that in style tab -> https://i.imgur.com/5ZDrEf6.png an for the borders you need to check on css tab -> https://i.imgur.com/bsvZ4IQ.pngafter you done with the customization, you can save the element using the right click -> https://i.imgur.com/01E4NPA.png in this way you can reuse it when you want with tagDiv Composer. To set the element the the other empty columns use copy and paste -> https://i.imgur.com/v4BwgX8.png -> https://i.imgur.com/TqUEWrp.png after that only change the content url and images.

Hope this will help you better.
Thank you!

Post count: 40

Hi Calin,

Thanks for the response. That’s what we did on the home page. However, we would want the post category labelled travel deals to be shown this. http://travelholic.gigaquirks.net/. The way you showed was to do add the post manually.

Post count: 40

Hi Calin, Thanks for the advice.

I tried styling as your screenshots. Would like to check,

1. How do I enable the line under the post title like screenshot?
https://www.dropbox.com/s/wlzew34vvbcf6fg/5-3-2020%209-19-21%20PM.jpg?dl=0

2. How do I select posts with the post category = featured?

Post count: 35449

Hi,

1. For this you need to use a custom css like this one -> https://i.imgur.com/p6FaXAV.png
.td_flex_block_1 .td_module_flex_1 .td-module-title::after {
content: "";
display: block;
width: 50%;
margin: 8px auto;
border-bottom: 2px solid gray;
}

The code need to be set in theme panel> custom code> custom css

2. You can filter the post from here -> https://i.imgur.com/cez4dxC.jpg and you’ll display only posts from featured category -> https://i.imgur.com/O6kvczh.png

Thank you!

Post count: 40

Great thank you! It works now =)

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