Hello, everyone. I’m desperate here after spending over 20 hours trying to figure out how to wrap text in elements generated by a plug-in.
I am building a website for a client and am utilizing WPForms and WPForms Views to intake member information and display it in both a table format and a card format. In each of these views, I need the text to wrap inside of either its element field or in the table cell.
Everything I have tried to apply to the global CSS list is not affecting the elements at ALL, which makes me believe I am missing something completely. I’m definitely a n00b to WordPress but I know some html and CSS so any advice is appreciated!!
Here is an example of some of the CSS I am using, where the first four settings are working fine. The fifth one is my attempt at wrapping the table text.
​
/\*used for navbar header\*/
.wp-block-navigation\_\_container{
background-color: #BA0C2F;
color: #fff;
}
​
/\*used for home page caption \*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
font-size: 20px;
font-weight: bold;
}
​
/\* view – card values \*/
.wpforms-view-field-value{
text-align: center;
font-size:17px;
text-align: center;
!important
}
​
/\* views – card labels\*/
.wpforms-view-field-label{
font-weight: bold;
font-size: 20px;
text-align: center;
!important
}
​
/\*wrap text\*/
table.dataTable.nowrap th,table.dataTable.nowrap td {
white-space: normal; !important
}
​
Thank you in advance!!!
​
​
​
[ad_2]