Table Element and Mobile
I am building pricing tables - several on my page. there are multiple columns and multiple rows x 4. looks great in the desktop version, BUT in tablet the text is way too large.
How can I change the text size in the information in the table contents section. It is fairly easy to do it for all columns in the row header. it is also easy to change it in the rows in the column header.
but for each of the cells in the contents area it seems like my only approach is to change it 1 at a time. So for each cell in a 5 x 6 column that would be 30 distinct text size edits. with 4 tables that could be 120 text size edits. and then to also do this in the phone version it becomes a huge chore.
is there an easier way which I am missing?
-
Hello Steve!
You can use mobile view to edit your page
Or you can add a Custom CSS class to blocks that you wish to change and use this CSS class to create an @media CSS rule for your needs.
Hope it will be helpful.
Kind regards,
Mihail
0 -
yes but mobile view to edit a table still requires font size changes to each cell and only 1 at a time,
learning curve for custom css class but is it basically the following
1. create the css class and the proper code
2. name the css class and enter that name in the settings field
3. how does the responsive code know that the class is for only mobile or only tablet b/c the custom css class you refer to would work for desktop, mobile and tablet (or do I have to create a css class for all 3?)
0 -
Hello.
You should check this for your CSS: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
You can use Media rule for one CSS class
Kind regards
0
Please sign in to leave a comment.
Comments
3 comments