How to Create this type of Block

Posted in: Newspaper
Post count: 80
ashubais
#269508
Jan 2, 2019 at 4:25 pm

I want to create this type of bordered block in content what is the best way to make these kind of blocks?? Please Tell me ASAP! It looks Damn cool.

See This – https://unsee.cc/80e5508d/

Post count: 22421
Bogdan B.
#269702
Jan 3, 2019 at 4:01 pm

Hi,

Sorry but I cannot see the block that you mean. Please provide a working screenshot.

Thanks

Post count: 80
ashubais
#269827
Jan 4, 2019 at 3:33 am

new working Screenshot is Here – https://www.screencast.com/t/1VwRnfQ549J

Post count: 23312
Catalin
#269911
Jan 4, 2019 at 11:21 am

Hi,

You can do something like similar with this block if you will use some multipurpose elements from TD Composer. Please check our documentation from here -> https://forum.tagdiv.com/tagdiv-composer-tutorial/

Thanks for your understanding!

Post count: 80
ashubais
#269995
Jan 4, 2019 at 3:25 pm

But, I want to add this in content (article) posts, so TD composer is not working in the posts. Then, how to create this for the content.

Request: I think this is a quote box, Quote boxes in Newspaper Themes are very simple, please add some new styles, at least add a border into it.

Post count: 20685
Simion C.
#270230
Jan 7, 2019 at 9:30 am

Hi,

You could check some online quote styles and experiment, maybe like these
– https://1stwebdesigner.com/css-snippets-blockquotes/
– https://cssreset.com/7-css-snippets-to-style-blockquotes/
– https://pagely.com/blog/style-blockquotes-wordpress/
I can’t say at the moment if more styles will be added in the theme, it could happen in the future. Sorry for any inconvenience.

Thanks

Post count: 80
ashubais
#270250
Jan 7, 2019 at 10:34 am

Ok, Simon,

Thanks!

I live this quote style – https://bootsnipp.com/snippets/featured/a-better-blockquote
from the list, you’ve shared (https://cssreset.com/7-css-snippets-to-style-blockquotes/)

How to apply this, or how to add this CSS for content posts, as the TD-Composer isn’t working in the post? Is there any way to add this quote in newspaper theme by CSS or html??

Thanks.

  • This reply was modified 7 years by ashubais.
Post count: 20685
Simion C.
#270376
Jan 7, 2019 at 4:13 pm

I tried to replicate it based ion the example, with some modifications to the original code, this would be the result – http://prntscr.com/m42855

The HTML I used is here – https://pastebin.com/zwgq3fEv you can use it in the post content.
The CSS I used is here – https://pastebin.com/28NBWdtt you can enter it in the Theme panel->Custom code CSS section. You can make modifications to either the HTML structure or the CSS if needed.

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