hello
I have a problem with the tables do not see the purpose of mobile
moyite you tell me where churn
http://www.ppsoccer.com/2016/01/05/free-soccer-tips-07-01-2016/
I put this code
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: centre;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #004d00;
color: white;
}
</style>
how can I put this code on all tables
<div style=”overflow-x:auto;”>
You can’t use styles on the page, only classes. So you have to define the CSS, then put into the custom CSS box in theme panel, then apply the class to the table and elements. Make sure you do tables with HTML5 formatting.
For most stuff you can just apply the table class to your table
<table class="table">
<tbody>
<tr>....
Hi @tiranin0707
You have to add a specific class for the table then the use it in order to apply the css code like here:
.your-table-class{
overflow-x: auto;
}
If this is not what you mean please provide more details.
Thanks!
with a few words I want to see the purpose tables mobile
to move with the touch screen to see the whole page (table)
http://www.ppsoccer.com/2016/01/05/free-soccer-tips-05-01-2016/ this shows
http://www.ppsoccer.com/2016/01/05/free-soccer-tips-06-01-2016/ this not shows
Hi
You need to include the table from second page into a container and apply the indicated css overflow-x: auto;: http://screencast.com/t/2wK1I7UJT The way should be the same as you did with the first table.
Thanks!
the question is whether it can become for all tables automatically
and not to put each separately
Hi
You can create a specific class only for the table, like table-style for example, add this code in theme panel > custom css:
.table-style{
overflow-x: auto;
}
Like this the css will be added automatically for the tables, but you have to insert your table manually in this container: table-style, otherwise the css won’t work.
Hope this help.
Thanks!
