[Resolved] Background Image Full Page

[KENNETH]

oh dear.. sound serious.

URI : TextArea
48 Parse Error }

sorry i have no web programming background. Im learning on my own.

here is my custom css.

.inside-article {
background-color: rgba(255,255,255,0.8) !important;
}

.inside-header {
background-color: rgba(255,255,255,0) !important;
}

.site-header {
background-color: rgba(255,255,255,0.8) !important;
}

.sidebar .widget {
border: solid 3px #eed713;
border-radius: 8px;
}

#text-10.widget {

background-color: rgba(255,255,255,0) !important;;
border: none;

}

.entry-title {
padding-left: 18px;
padding-top: 18px;

}

.concerns {
background-color: white;
border-radius: 25px;
padding: 8px;
margin-left: 17px;
margin-right: 17px;
}

.inside-header {
padding-top: 20px;
padding-bottom: 20px;

}

}

body {
background-image: url( ‘http://officeforrent.sg/wp-content/uploads/2016/03/img_7659-copy.jpg’ );
background-size: cover;
}

.frontpage-header {
margin: -8px;
margin-top: 0;
padding-right: 16px;
width: 940px;
}

.we-can-help td {
vertical-align: top;
}

[Tom]

There’s the problem, the extra }:

.inside-header {
padding-top: 20px;
padding-bottom: 20px;

}

}

body {
background-image: url( ‘http://officeforrent.sg/wp-content/uploads/2016/03/img_7659-copy.jpg’ );
background-size: cover;
}

The } above body needs to be removed.

[Richard]

I am trying to add a background image to a “container” on top of the body background. But it is not showing up. I followed the instructions to add

to the Before Header hook and a closing

to wp_footer hoot and to add to my themes css
.full-container {
background-image: url(http://blog.exposedtattoo.com/wp-content/uploads/2017/06/bg.png) top center no-repeat;
}

Here is the site (in progress) http://blog.exposedtattoo.com/
When I examine the page using “Inspect Element” in Firefox, the css I added is struck through.
Here is what I hope it will eventually look like http://www.exposedtattoo.com/about-tattoo-studio-northern-virginia.php

Thanks,

[Leo]

There are syntax errors in that CSS. Try this:

.full-container {
    background-image: url(http://blog.exposedtattoo.com/wp-content/uploads/2017/06/bg.png);
    background-position: top center;
    background-repeat: no-repeat;
}

And make sure you add the CSS using one of these methods here: https://docs.generatepress.com/article/adding-css/

[Richard]

That worked! Thanks for the quick reply.
GeneratePress and the support are both great!

[Leo]

No problem! Glad you are enjoying it 🙂

[Jorge Mario]

Hi Tom.
I read this post, and tried the solutions that you gave, but my site does not accept the background image.
I´m using elementor pro, I Added a custom CSS in two differents ways:

First this one:

.full-container {
background-image: url( “http://mlmconstruccion.com/WP/wp-content/uploads/2019/11/bg-site.jpg” );
position: absolute;
left: 20%;

}

Then this:
body {
background-image: url( “http://mlmconstruccion.com/WP/wp-content/uploads/2019/11/bg-site.jpg” );
background-size: cover;
}

[Leo]

Any chance you can open a new topic for your question?

This one is really old with multiple authors already.

Thanks!

[Author]

Posts