Hello everbody
I liked how the posts on your main site look like.Example: https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
But I do not understand how to do also. Namely:
1) wide images
2) narrow text
Image width is 1200px, while the text is 600px.
How can I implement this on my website?
Unfortunately, I did not find a similar template in the demo.
Thx for answer đ
Hi,
That is a custom template made be our theme specially for our blog, and the content have set some inline padding -> https://www.screencast.com/t/1sYB6Tjzr99o
If you like the single post template you can build one with tagDiv Composer, just import a blank post template and assign the elements: date, title, breadcrumbs, feature image, single post content, newsletter , author box, and comments
Thank you!
I donât understand exactly where to indent: padding or margin.
I would also like to clarify exactly where the indents are written: in row or block (content, title, comments…)?
I watched the video and was a little surprised. I thought the indents were written directly to the template from the cloud library.
Because it’s easier to prescribe these parameters once, and so that they work in the future, rather than indenting each time manually when adding a new post.
Hi,
There are other methods, for example you can set the padding in single post template and add on each image that you want to be show bigger this extra class td-center, here is a quick example with the settings that you need to make.
-> https://www.screencast.com/t/DL2ff7BTefj
Hope this will help you better!
Thanks.
Hello Calin, thx for your answer, but I have a question for you as a professional.
I decided to use this way, in my opinion it is more universal.
1) in order to make the content narrow – I have prescribed 600 px for it and indicated that this block be centered.
2) so that the image was wide, I ordered that it stretch 300px on each side. At the same time, it will stretch only if it is centered.
Please watch my video and tell me if I did it right? Or, in the end, the source code will look very bad, and search engines may not like it.
link to video: https://www.screencast.com/t/kU4QrgpASD4a
source code:
[tdc_zone][vc_row][vc_column][tdb_single_bg_featured_image][tdb_single_content tdc_css="eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiYXV0byIsIm1hcmdpbi1sZWZ0IjoiYXV0byIsIndpZHRoIjoiNjAwIiwiZGlzcGxheSI6IiJ9fQ==" center_extend="300"][/vc_column][/vc_row][/tdc_zone]
Hi,
Yes your solution is eave better then mine.
Thank you for massage!
