Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #303433

    At my homepage I’ve inserted a post slider for my recent projects (so it points to the categories of my portfolio). I got the idea from this example: (look at ‘Recent news’ and ‘Recent work’).

    Now I use transparent png images for my portfolio. When I use the post slider, the background of these images become gray. Which is wrong, because the background of my site is white.

    I’ve found out that the background gets set here (class .slide-image):

    .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 {
        background: none repeat scroll 0 0 #f8f8f8;

    I would love to see this changed, since now I need change it in my css, and I guess other users might have the same problem.

    In general I think no background colors should be set for divs which most likely contain images (which can be transparent, as you see).


    Hey Marc!

    Thank you for using the theme.

    If you don’t mind, we would like to see the actual page with the post slider. Try to add this on Quick CSS or custom.css to remove the background:

     .slide-image {
    background: transparent;



    Hi Ismael,

    Thnx for the quick reply. You can find the page here: (bottom part of homepage).

    Your solution didn’t work btw. I really needed to add this more extended snippet to my css:

    .main_color .avia-content-slider .slide-image {
    	background-color: transparent;


    Please use following code instead

    a.slide-image {
    background: transparent!important;



    Hmm, that seems to do the trick, thnx!

    I can imagine this should be part of the core theme files, since other users might use transparent png files as well?



    Hi Marc!

    You are welcome :)
    Feel free to request such feature or vote if already requested here –


Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Background colors conflict with transparent png images’ is closed to new replies.