Transparent page background/content

  • Resolved SteveL23

    (@marybyker)


    11 years, 3 months ago

    Hi there,

    I’m trying to get rid of the white background on my page(s) content, so the background image can be seen clearly.

    Have looked through the forum, but it seems it’s all dependent on theme. Have tried changing the obvious places in the css file but I just can’t seem to find the part to change ??

    The site is at: https://www.ironbridgecatering.co.uk/

    Thanks for any help!

    [Moderator Note: Please ensure that you are embedding links correctly in your posts.]

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

  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter SteveL23

    (@marybyker)

    Hi Esmi,

    I’ve tried in Firebug this is what i’m getting:
    Inline:
    .canvas {
    background-color: rgb(255, 255, 255);
    }
    .canvas {
    width: 960px;
    margin: 0px auto;
    clear: both;
    padding: 0px 20px;
    background: none repeat scroll 0% 0% transparent;
    }

    I’ve triedadding in the transparency wherever I can, but it’s still showing up as white. No idea how to change it inline ??

    Looks like you have this in custom CSS:

    .canvas {
    background-color: #FFFFFF;
}

    Thread Starter SteveL23

    (@marybyker)

    Hi there,

    I can’t see that in custom CSS?! A bit puzzled, could you point to where I can edit this? I only have style.css

    Thanks, and sorry for being such a newb!

    It shows up in the head of your site (use View Source in a browser) – internal CSS – not sure where it’s coming from – you’d have to ask the developers of the theme – appears to be here:

    /* Canvas */
		.canvas { background-color: #ffffff; }
		/* Information Areas */

    Looks like your CSS above is now working however – since it’s after that one.

    Thread Starter SteveL23

    (@marybyker)

    Thanks folks solved it by placing in my Custom CSS
    .canvas {
    background-color: #transparent;
    }

    Thanks for the help and pointers ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Transparent page background/content’ is closed to new replies.