Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #367842

    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?

    #367856

    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

    #368088

    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

    #368250

    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

    #368735

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.