Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 6, 2014 at 10:46 pm #347432
    koala

    I can’t seem to narrow down the CSS to change the background color of table rows (odd and even) on this page. I want them to be black semi-transparent like the rest of the page.

    Here’s what I tried, but it did not change the background color:

    /* table color */
    .main_color tr:nth-child(odd) {
    background: rgba(0,0,0,.3);
    }

    .main_color .pricing-table>li:nth-child(even)
    {background: rgba(0,0,0,.5);
    }

    November 7, 2014 at 1:55 am #347496
    Elliott

    Hey koala!

    Try adding this to your custom CSS.

    .main_color tr:nth-child(2n), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table > li:nth-child(2n), body .main_color .pricing-table.avia-desc-col li { background: red !important; }
.main_color tr:nth-child(2n+1) { background: rgba(0,0,0,.3) !important; }

    Regards,
    Elliott

    November 8, 2014 at 7:12 pm #348209
    koala
    This reply has been marked as private.
    November 10, 2014 at 12:59 am #348567
    Andy

    Hey!

    use this in Quick CSS:

    .main_color table, .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item, .main_color .widget_nav_menu ul:first-child>.current-menu-ancestor, .main_color .pagination .current, .main_color .pagination a, .main_color.iconbox_top .iconbox_content, .main_color .av_promobox, .main_color .toggle_content, .main_color .toggler:hover, .main_color .related_posts_default_image, .main_color .search-result-counter, .main_color .container_wrap_meta, .main_color .avia-content-slider .slide-image, .main_color .avia-slider-testimonials .avia-testimonial-content, .main_color .avia-testimonial-arrow-wrap .avia-arrow, .main_color .news-thumb, .main_color .portfolio-preview-content, .main_color .portfolio-preview-content .avia-arrow, .main_color .av-magazine .av-magazine-entry-icon, .main_color .related_posts.av-related-style-full a, .main_color .aviaccordion-slide, .main_color.avia-fullwidth-portfolio .pagination, .main_color .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image, .main_color .av-catalogue-list li:hover, .main_color .wp-playlist {
background: transparent;
}

    Cheers!
    Andy

    November 11, 2014 at 3:52 am #349180
    koala

    All that just for the tables?

    November 11, 2014 at 4:27 pm #349464
    Yigit

    Hey!

    It does seem to work fine on my end – http://i.imgur.com/S7QM9nx.png
    You can add following code to Quick CSS to change font color

    .avia_textblock table td span {
color: white!important;
}

    Regards,
    Yigit

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