Currently, I am in the process of enhancing the design of a Bootstrap 4 table within a Node application using handlebars (.hbs). While I have been able to adjust the width of the table with CSS, I am encountering challenges in creating the desired borders and rounded corners for improved aesthetics. The use of CDN from may also be a contributing factor.
I am uncertain why the expected outcomes are not being achieved. Could it be that CSS needs to be approached differently when working with handlebars, or could there be simpler errors on my part?
Included below is a brief snippet of the head section, omitting the CDNs for Bootstrap and jQuery:
HBS / (HTML)
< -- DataTables CDN -->
/* HTML code here */
</body>
/* Additional content...*/
CSS
#semiBlackHead {
/* CSS styling properties here */
}
#bleachedBody {
/* More CSS styles here */
}
#resultsTable {
/* Troubleshooted CSS properties here */
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0;
}