viper8399 Posted July 19, 2018 Share Posted July 19, 2018 Very new to this. Almost in information overload but I am getting there. Have a question on tables. We made a few tables on our site but the type is very small. Did not see an option to change this so was wondering if there is a css code to change this? Also on a side note, is there a code I can apply to all pages to use a certain font? Thanks, Link to comment Share on other sites More sharing options...
SportsEngine Staffer Posted July 19, 2018 Share Posted July 19, 2018 Yes to both. How familiar are you with CSS classes? SportsEngine provides you the ability to update your "head code" for simple style changes like this. Link to comment Share on other sites More sharing options...
viper8399 Posted July 19, 2018 Author Share Posted July 19, 2018 I am starting to learn. More copy and paste at this point. I have a dedicated page that I use to test with. I am using the transparent background on the top logo and learned to make my own dividers so far with css. Played a little bit with backgrounds too. Link to comment Share on other sites More sharing options...
viper8399 Posted July 24, 2018 Author Share Posted July 24, 2018 Would you be able to provide me some samples of codes that would help me out? Link to comment Share on other sites More sharing options...
docnzok Posted August 31, 2018 Share Posted August 31, 2018 Couple of things here. First, if you made the tables with the text editor (which you can do) you can format them about 100 more ways than the table builder. Second, you can use css to change the text on all the tables or just one by assigning either an 'id' or a class to the table itself when you create it. Most Page elements allow you to assign a class to the element so you can modify it with css. Start with this. <table id="sportsengine"> Then modify the elements as you see fit in the <style> #sportsengine{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%; } #sportsengine td, #customers th { border: 1px solid #ddd; padding: 8px; } #sportsengine tr:nth-child(even){background-color: #f2f2f2;} #customers tr:hover {background-color: #ddd;} #sportengine th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; color: white; Link to comment Share on other sites More sharing options...
viper8399 Posted September 4, 2018 Author Share Posted September 4, 2018 Thank you!! I will have to give this a try. I am new to all this but it is really neat to learn. I will give the text editor a try also to make the tables. Thanks for your help! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.