Hi SvijetS, so if I understand correctly you want to create your own grids using html codes, if is so, then you can inspire from our guide -> https://forum.tagdiv.com/td_api_blockadd/
Or if you just want to style some blocks/grids, then you can use flex blocks and flex grids after that save theme as element using the right click -> https://i.imgur.com/qxFhXVZ.png.
Hope this will help you!
Thank you!
Hi Calin,
thx for this tuto, but nothing happens when I try to save grid, just nothing!, I need markup (HTML) with classes for grid5
Hello !
Can you provide an example of what you are looking to achieve ?
Thank you !
Hi,
It’s very very simple, i wnat this with your framework (HTML and CSS):
<div class=”container”>
<div class=”row”>
<div class=”col-sm”>
One of three columns
</div>
<div class=”col-sm”>
One of three columns
</div>
<div class=”col-sm”>
One of three columns
</div>
</div>
</div>
5 columns and 1 column in a single row
by Bootstrap
Hello !
Please note that Newspaper theme does not offer any kind of tables. You will have to use for this a 3rd party plugin or a table generator like this: https://www.tablesgenerator.com/html_tables
Thank you !
Ok,
Just send you a mail ticket, this is not it what I ask for, I don’t need table I need grid system, i find some with inspector
td-block-row
td-block-span4
td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide
td-module-imag
td-module-thumb
Hi SvijetS,
You want to display “5 columns and 1 column in a single row” please provide me a screenshot with how you’ll like to be maybe I can help.
Thank you!
Thx I will try with flex grid or Boostrap (import)
But this is what i use now and i want it clean with css classes.
<div class=”vc_row tdi_128_f59 row_bannnerFixer wpb_row td-pb-row”><style scoped=””>/* custom css */ .tdi_128_f59{ min-height: 0; }.tdi_128_f59, .tdi_128_f59 .tdc-columns{ display: block; }.tdi_128_f59 .tdc-columns{ width: 100%; }</style><div class=”vc_column tdi_130_064 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_130_064{ vertical-align: baseline; }.tdi_130_064 .wpb_wrapper, .tdi_130_064 .wpb_wrapper .tdc-elements{ display: block; }.tdi_130_064 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_130_064 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”verso” class=”wpb_single_image wpb_content_element vc_align_center”> <figure class=”wpb_wrapper vc_figure”> 
</figure></div></div></div><div class=”vc_column tdi_132_231 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_132_231{ vertical-align: baseline; }.tdi_132_231 .wpb_wrapper, .tdi_132_231 .wpb_wrapper .tdc-elements{ display: block; }.tdi_132_231 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_132_231 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”prospectus” class=”wpb_single_image wpb_content_element vc_align_left prospectus”> <figure class=”wpb_wrapper vc_figure”> 
</figure></div></div></div><div class=”vc_column tdi_134_aaf wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_134_aaf{ vertical-align: baseline; }.tdi_134_aaf .wpb_wrapper, .tdi_134_aaf .wpb_wrapper .tdc-elements{ display: block; }.tdi_134_aaf .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_134_aaf .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”dahua” class=”wpb_single_image wpb_content_element vc_align_left”> <figure class=”wpb_wrapper vc_figure”> 
</figure></div></div></div><div class=”vc_column tdi_136_2ca wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_136_2ca{ vertical-align: baseline; }.tdi_136_2ca .wpb_wrapper, .tdi_136_2ca .wpb_wrapper .tdc-elements{ display: block; }.tdi_136_2ca .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_136_2ca .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”forset” class=”wpb_single_image wpb_content_element vc_align_center”> <figure class=”wpb_wrapper vc_figure”> 
</figure></div></div></div><div class=”vc_column tdi_138_902 wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_138_902{ vertical-align: baseline; }.tdi_138_902 .wpb_wrapper, .tdi_138_902 .wpb_wrapper .tdc-elements{ display: block; }.tdi_138_902 .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_138_902 .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”><div id=”janaf” class=”wpb_single_image wpb_content_element vc_align_right”> <figure class=”wpb_wrapper vc_figure”> 
</figure></div></div></div><div class=”vc_column tdi_140_8af wpb_column vc_column_container tdc-column”><style scoped=””>/* custom css */ .tdi_140_8af{ vertical-align: baseline; }.tdi_140_8af .wpb_wrapper, .tdi_140_8af .wpb_wrapper .tdc-elements{ display: block; }.tdi_140_8af .wpb_wrapper .tdc-elements{ width: 100%; }.tdi_140_8af .wpb_wrapper{ height: auto; }</style><div class=”wpb_wrapper”></div></div></div>
HI,
This code is normal generate dynamical by the theme when you are using tagDiv Composer, trying to recreate it manually will not work.
Let me know the design/layout that you want to achieve making this block, maybe it can be made using some settings from flex blocks or maybe combine more elements.
Thank you!
