Jump to content

Text size in Tables


viper8399

Recommended Posts

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

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

  • 1 month later...

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...