• Resolved essdeeay

    (@essdeeay)


    I’ve searched and searched but can’t find out how to make either:

    a) add a background image to the page itself (or the content area at least)

    b) make the page content area transparent so the site background image shows through.

    I’m using the twentyfourteen theme with WP 3.9.

    For example, my site is: liturgysingers.org/wordpress

    Many thanks.

Viewing 15 replies - 1 through 15 (of 15 total)
  • Let see here

    Your background works I think it is just blocked by the black box

    Thread Starter essdeeay

    (@essdeeay)

    Thanks for the quick reply – I want to be able to see the background through the content area of the page called “Front”. The white background of “front” I don’t want to see.

    Either that or add the page background to the actual page called “front”.

    Many thanks ??

    Thread Starter essdeeay

    (@essdeeay)

    Well, the most I can find out is to add the following CSS, but still it doesn’t work. I can actually make the content background a different colour, but when set to transparent, it shows white again… and I can’t find out what is making it so.

    .site {
    background-color: transparent !important;
    }

    .entry-title {
    background-color: pink;
    /* background-color: transparent; */
    }

    can you post you website please so i can have a look

    Are you using a child theme or a custom CSS plugin?

    Thread Starter essdeeay

    (@essdeeay)

    Cracked it:

    .site, .entry-header, .entry-title, .entry-content {
    background-color: transparent !important;
    }

    Thread Starter essdeeay

    (@essdeeay)

    Are you using a child theme or a custom CSS plugin?

    Thanks Esmi – I was using a child theme, as I was making customisations

    S ??

    Thread Starter essdeeay

    (@essdeeay)

    can you post you website please so i can have a look

    https://www.liturgysingers.org/wordpress

    Cracked it:

    essdeeay —

    I am trying to do the same thing.. please give more info on how you did it. Which file do I need to edit??

    If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s topic.

    Thread Starter essdeeay

    (@essdeeay)

    V_Studio,

    You need to make yourself a child theme (easy) then add the code I posted for my solution, to styles.css. Set WordPress to use your child theme, and set the background in WordPress as normal.

    Steve

    Hi Steve – does it matter where I add the code? Top of the document? Thank you!

    Thread Starter essdeeay

    (@essdeeay)

    No, it doesn’t matter where in styles.css it goes, but don’t edit the TwentyFourteen theme directly, or when it updates, you’ll lose all your changes – this is why you should use a child theme. Alternative, use a plugin like https://www.ads-software.com/plugins/simple-custom-css/ to make the changes without using a child theme.

    However, If you’re asking questions about whether it matters where in the file you put it, you’re probably out of your depth – just a warning!

    Steve

    Haha — you’re right.
    I do know about having to use a child theme. I just wanted to add it to the style.css file in the main theme directly .. just to test! (and remove it after of course)

    Learning something new everyday! Thanks again ??

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘twentyfourteen, page background image’ is closed to new replies.