[Resolved] Background Image Full Page

Home Forums Support Background Image Full Page

This topic contains 20 replies, has 7 voices, and was last updated by  Leo 1 year, 6 months ago.

Viewing 6 posts - 16 through 21 (of 21 total)
  • Author
    Posts
  • #213084

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

    #213085

    Tom Lead Developer

    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.

    #331083

    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,

    #331092

    Leo Customer Support

    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/

    #331096

    Richard

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

    #331097

    Leo Customer Support

    No problem! Glad you are enjoying it 🙂

Viewing 6 posts - 16 through 21 (of 21 total)

You must be logged in to reply to this topic.