• jgoldberg2013

    (@jgoldberg2013)


    I have uploaded an image that has a hole cut out of it and is 100% transparent png file
    When I upload the image it shows a grey area where the cut out is suppose to be.
    Any suggestions where I have gone wrond here.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Maybe the CSS of the theme has set that grey background.

    Thread Starter jgoldberg2013

    (@jgoldberg2013)

    Hi Andrew – thanks for the prompt reply.
    could it be that the image is being loaded into a defaulr header div.
    from header.php file. Like this.

    <div id="logo">
            	<a href="<?php echo home_url('/'); ?>"><img src="<?php header_image(); ?>" width="<?php if(function_exists('get_custom_header')) { echo get_custom_header() -> width;} else { echo HEADER_IMAGE_WIDTH;} ?>" height="<?php if(function_exists('get_custom_header')) { echo get_custom_header() -> height;} else { echo HEADER_IMAGE_HEIGHT;} ?>" alt="<?php bloginfo('name'); ?>" /></a>
                </div><!-- end of #logo -->

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    No idea sorry

    Thread Starter jgoldberg2013

    (@jgoldberg2013)

    do you know of a way of styling that grey option out in the child style sheet?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t know whether it is CSS that’s causing the grey, it was just a hypothesis because we can’t see the issue and the webpage it resides in.

    Thread Starter jgoldberg2013

    (@jgoldberg2013)

    OK – so I am now thinking of a work around by using z0index to layer over the header image with the cutout and animay=ted gif.

    How would I use two images within the same div but also using the same tag like #logo {...
    I have inserted into <div id="gif"></div> into the header.php already.
    it is the tag to logo thatI am haveing trouble with now.
    Any thoughts?

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

The topic ‘partial transparency not showing’ is closed to new replies.