Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2014 at 9:25 pm #303433
    Marc Bijl

    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: http://kriesi.at/themes/enfold/homepage/home-v4-small-slider (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).

    August 13, 2014 at 4:26 am #303591
    Ismael

    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;
}

    Regards,
    Ismael

    August 13, 2014 at 8:13 am #303677
    Marc Bijl

    Hi Ismael,

    Thnx for the quick reply. You can find the page here: http://www.marcbijl.nl (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;
}
    August 13, 2014 at 11:34 am #303729
    Yigit

    Hey!

    Please use following code instead

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

    Regards,
    Yigit

    August 13, 2014 at 12:05 pm #303755
    Marc Bijl

    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?

    Cheers,
    Marc

    August 13, 2014 at 12:09 pm #303758
    Yigit

    Hi Marc!

    You are welcome :)
    Feel free to request such feature or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Background colors conflict with transparent png images’ is closed to new replies.