Hello support team Enfold,
Let me start by saying that you are doiing a great job.
I have made a table in a page, but when i look at the table on my smartphone the row heads are changing to italic. I changed it in the shortcode.css to normal but it did not changed. The same with the height of the row. I want to change it to a less height. So i changed it in the base.css but it did not change.
What am i doiing wrong?
Hey jacokooistra,
you should not edit the files you meantioned above.
To modify the CSS, please use the Quick CSS in the theme options or the custom.css file.
http://kriesi.at/documentation/enfold/custom-css-and-quick-css/
An even better option would be to create a child theme and place your CSS in the style.css file inside the child theme.
If you then provide us with a link to your website, we can help you to write the custom CSS a modify the page like you want to
Cheers
just another theme user
Hey!
Thank you for using Enfold.
@jacooistra: All css modifications should be done on the Quick CSS field or the custom.css file. If you can provide us with a link to the actual page with the issue, we would like to check it.
@Flikk: Thanks for helping. :)
Cheers!
Ismael
Oké guys and thanks for the replys.
This is the link to the page with the table in it.
http://www.noordzeechalets.com/prijzen-ameland/
Thnx
Jaco
Hey Jaco!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before{
font-style: normal !important;
}
td {
padding: 4px 12px;
}
}
Cheers!
Josue