-
Posts
-
Hi,
I use the table as a classes timetable.
I want to design the background colors of specific cells in a table so specific clases will have a different background color
how can It be done?Also the I checked the table to be scrollable on mobile devices but it doesn’t work right.
I added the next code I found here on a different thread but didn’t solve the problem:
@media only screen and (max-width: 767px) {
.responsive .avia_scrollable_table .avia-data-table > thead > tr > th, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th, .responsive .avia_scrollable_table .avia-data-table > thead > tr > td, .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td, .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td {
white-space: normal !important;
}.responsive .avia_scrollable_table {
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
}.avia_scrollable_table .avia-table {
width: auto;
}
}Hi,
1- Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class tbody tr:nth-child(3) td:nth-child(4) { background: orange!important; }You would need to add the code for each cell adjusting nth-child values – https://css-tricks.com/almanac/selectors/n/nth-child/
2- You are currently using an older version of the theme. Please update Enfold to the latest version 3.8.5 – http://kriesi.at/documentation/enfold/updating-your-theme-files/ and flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Best regards,
YigitHi Thanks!!
it solved my problem.but I have a nother issue regarding these tables.
although I selected them th entire table scrollable, the are not scrollable .can you please help me on this
Hi
I updated the theme version as requested and it didnt solve the problem.I also checked the website on Internet Explorer and discovered that it is not IE compatible!!!
all the text is not displayed and has some more bugs that look realy bad
Hi,
there is a problem with the fonts Open Sans in Internet Explorer.
in the previous versions of Enfold there was an option of a “Websafe fonts fallback for Windows” probably this is the problem in my case
how can we fix it?Hi!
The tables are scrollable when I checked the page. What is the version of your IE browser? Note that the theme is compatible with IE9 and later versions. A screenshot will help.
Best regards,
IsmaelHi
the tables are scrollable since I updated the theme versionbut the Font are Open Sans are not displayed on Internet Explorer (IE11)
Hi!
The Open Sans font does not support arabic or hebrew text. Please use another font.
// https://fonts.google.com/earlyaccess
// https://fonts.google.com/specimen/Open+Sans?selection.family=Open+SansRegards,
IsmaelHi
Thanks Ismael, apparently it is a well known issue with Internet Explorer:
http://stackoverflow.com/questions/23438319/using-import-for-google-fonts-is-not-working-on-internet-explorerWhere should I add the css lines and where should I copy the font files to ?
Hey!
It’s good to know that someone created a version that supports hebrew text. You need to upload the font file somewhere in your directory then copy the fontface code in the style.css file or the theme’s General Styling > Quick CSS field. Adjust the url accordingly. And you might need to apply the font manually. Example:
body, body p { font-family: 'Open Sans Hebrew'; }Cheers!
Ismael
- You must be logged in to reply to this topic.