Using Text with Title element
1) How do I get a border around the whole box?
2) How do I break the text part into two columns while keeping the header across the top of both columns?
thanks.
Hello,
Please read this guide to learn how to use the block settings: https://forum.tagdiv.com/block-settings-guide/
The css tab offers a css box model you can use to add borders.
You can use a different row layout to have content on 2 columns as mentioned in the same guide above.
Thank you!
Where on that page does it discuss the Text with Title element – which is clearly what I asked about. I did a search and don’t see it.
Hi,
Sorry for the confusion. What you are trying to do is possible.
1. A border can be set for most elements in the composer. For example you can set it on the text with title itself – http://prntscr.com/n9zrmi or on the column
– http://prntscr.com/n9zser or on the whole row – http://prntscr.com/n9zt2o
If you need something different let me know.
2. The text can be split in two columns, like this – http://prntscr.com/n9ztsp
Or you could use two different rows like this for example – http://prntscr.com/n9zuti (split the bottom row in as many columns as needed and possible)
Add a title element in the top full row, and column texts in the bottom row
– http://prntscr.com/n9zvmr
This way the title will be full regardless of the number of columns in the row below.
Thanks
which one of those has a border around the entire text and title? so it looks like one box.
I’m not seeing it.
But for now it doesn’t matter because the tagdiv editor is broken and no one will help me fix it anyway. Probably easier if I just start using that CSS and work from there. At least it won’t take a week – and it won’t break every time something gets updated.
Setting the border on the text with title would look similar – http://prntscr.com/na21hr
I used a border radius of 10px. This should’t take long to do. You can save this customized element after you create it and re-use it, change only the text in it (or save it empty) – http://prntscr.com/na24zr – http://prntscr.com/na256b
Of course you can also use HTML and CSS to create it, in a raw HTML element for example, or what you think best.
If you have problems with the composer, provide more details about it so we can understand what is happening exactly.
I don’t understand how you think what you showed me in your screenshots looks like the example I sent? Do you not see the difference between a full width colored title and the colored word you sent?
Seems I missed that, sorry for the inconvenience. After you get to the result from above you could use some CSS to further style it – http://prntscr.com/njdyin
For the text with title I used these settings – http://prntscr.com/njdzc6
The CSS code is here
.td_block_text_with_title .td-pulldown-size {
border-bottom: 3px solid black;
border-radius: 5px 5px 0 0;
width:100%;
}
.td_block_text_with_title .block-title {
border-bottom: none;
}
Let me know if you have more questions.
OK. So it seems at the point I would not really be using the TDC, I’d be using custom CSS which I’d rather have in my custom CSS (child theme) so it’s portable to another theme (given how incompatible NP has become the last 6 months with the rest of WP). So what would the entire CSS look like if I wanted to save all the custom code to my css file?
This CSS I used is based on the text with title element. If this solution is not the best, maybe you can construct this box with HTML and CSS, and use no composer elements.
I don’t have a guide for this, there should be some online. For example like this
– https://www.bforbloggers.com/content-boxes/
