Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 24, 2019 at 1:38 am #1057991
    projectt_co_uk

    Hi
    I have inserted few tables in this section

    House Removals Prices

    They look good on desktop with header colour being different. I managed to change the header colour using some css code.
    How I have following questions, please can you provide me some CSS code or instructions as to how can I change these.

    1: How can I change the alternative row colours on Desktop only.
    2. How can I show the alternative data section colours on Mobile.
    3. How can I change the font type, size on mobile (Headings and Content)

    These are the final changes and then the website is going live … :)

    Please help.

    Kind regards,
    http://www.projectt.co.uk

    January 24, 2019 at 4:50 am #1058016
    Mike

    Hey projectt_co_uk,
    To change the alt row colors on desktop, above 1024px:

    @media only screen and (min-width: 1023px) { 
.main_color tr:nth-child(odd) {
    background: #f97e12 !important; 
}
}

    To change the data section colors for mobile:

    @media only screen and (max-width: 767px) { 
.main_color tr:nth-child(odd) {
    background: #95588a !important; 
}
}

    To change the mobile font:

    @media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table td:before {
    font-size: 14px !important; 
    font-family: "Arial" !important; 
    font-style: normal !important; 
}
}

    Best regards,
    Mike

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