How to obtain this visual effect?

Posted in: Newspaper
Post count: 460

hello team,

I’m trying to copy this visual effect from how the articles are displayed. It’s kind of a style blog, but I really like the shape of the photos and rounded, shaded frames. Can I do the same with my Newspaper page? Using tagdiv composer, I tried a good time, but I don’t know how to do it.

Website: https://soñador.com (I this he use divi)

My website: https://soyungato.com (I use newspaper)

Thanks!

Post count: 35449

Hi,

What you can do is to import a block that is closer for what you need -> https://i.imgur.com/71M5V5g.png after that only adjust the elements -> https://i.imgur.com/gj05HAG.png

Hope this will help you!

Post count: 460

Yeah! Thanks a lot Calin 🙂

Post count: 460

Hi @Calin,

I see the problem that I cannot select categories to display. How can I do it using this visual aspect?

Post count: 35449

Hi,

What block are you using? if is a flex block, then the option from layout tab should work -> https://i.imgur.com/upuZGy2.jpg
If this is not what you mean, please let me know!

Thank you!

Post count: 460

Hello @Calin,

Sorry, I think I expressed myself badly (my English is not good).

What I want, is to be able to keep this nice design, but choose which category is shown. That is, to show the articles of a specific category. Is it possible?

Post count: 35449

Hi,

You can use the filter from the block to choose the categories you want to display, but if you have more categories add for the same block and you want to have this design only for when you chose one of theme, the there is no option.
Or if you want do display only some categories name and for others posts with others categories to by hide, then you can do it only with custom css.

Thank you!

Post count: 460

I am putting these blocks on my homepage, I want each block to be from a different category (each horizontal line).

But in the block configuration options, I don’t see the option to select a particular category.

How can I do this?

Post count: 35449

Hi Jose,

This is because you are using a posts loop element, this can not be filtered because it has it’s one filters set to can be use on categories, search results, homepage …
You’ll need need to use a flex block and you’ll be able to filter the categories.

Thank you!

Post count: 460

But, with a flexible block can I get the same look/feel? I like those rounded corners.

Thanks @Calin

Post count: 35449

Hi,

Yes, you can, in this example -> https://i.imgur.com/71M5V5g.png it should be a flex block and it’s has the rounded corners-> https://i.imgur.com/gj05HAG.png

Thank you!

Post count: 460

@Calin,

I think there is a communication error.

I’m using that block, aesthetically it’s perfect.

But I need to be able to select a single category to display in that block. How do I do that?

Have a nice weekend

Post count: 35449

Hi Jose,
What I mean above is that you have two possibilities:
1. choose the loop template -> https://i.imgur.com/UZu2VQi.png but this can not be filtered.
2. choose the block -> https://i.imgur.com/ZRebr1m.png this one can be filtered -> https://i.imgur.com/aUrBttA.jpg
Both are the same on layout, but can not be filtered in the same way. The loop template is normally use for templates.

Thank you!

Post count: 460

Yeah, now yes 🙂

Thank you very much for the explanation and help, now I understand.

Have a nice week!

Post count: 460

Hi @Calin,

Im here again…. :/

I don’t know where to correct this problem. The tops of the images are round, this is fine. The bottom of excerpt is now square (corner).

How can I make it round?

https://soyungato.com/home2/

https://fotos.subefotos.com/69967d61f0ceb04383e210c39a779eb3o.jpg

Where is my mistake?

Post count: 18283

Hello !

That can be edited by changing the image radius as you can see here: https://www.screencast.com/t/vBqejgwjbX

Thank you !

Post count: 460

Hello @Vlad S

It only works with the upper corners, not the lower ones.I have tried several values, but it does not work well.

6px 6px 0px 0px
6px 6px 6px 6px
10px 10px 10px 10px….

The image seems to round the top corners, but the bottom of the box is not rounded.

https://fotos.subefotos.com/205c98f4921cdc2524d9e25fd51f2f01o.jpg

Post count: 18283

Hello !

Please contact us via email at contact@tagdiv.com and provide the following:

– admin url and credentials
– cPanel url and credentials
– A link to this topic in order to identify you

Thank you !

Post count: 460

Thanks, sent

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