Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #157333
    Jeny
    Participant

    Hello,

    I am using Clean Journal Pro, my url is https://jenyheckman.com

    I want to put custom backgrounds on pages. Example under the Spotlight Tab, I’m hosting an author Sadira Stone, I have a picture of roses I want behind the body text (a little transparent). How do I go about doing that?

    Then if I want a different background on another page, can I do that? If I can only have one background, I can make due I just don’t understand how to get it there.

    Thank you

    Jeny

    #157352
    sapana
    Participant

    @jenyheckman:Go to=> dashboard=> Appearance=> Customize=> Additional CSS and add the following code

    .page-id-2697 #post-2697 .entry-content {
        background-image: url("http://www.kinyu-z.net/data/wallpapers/45/859082.jpg") !important;
        opacity:0.7;
    }
    .page-id-2697 p {
        background:none !important;
    }

    You can change the URL with image URL of your choice.
    If you want it in other page use the page Id of that specific page.
    Let me know if this helps you out!

    Kind Regards,
    Sapana

    #157392
    Vrinda Garg
    Participant

    Hello,
    I want to add my header image on homepage I followed the same steps that u had given but i am not getting image on homepage?

    #157464
    sapana
    Participant

    @vrinda-garg: Can you please post your site url so that I can look into those issue.

    Kind Regards,
    Sapana

    #168698
    kaindl
    Participant

    When I go to customize appearance > background image > and i load a jpg > it does not show up as a background image at http://www.visarm.com

    Why?

    here is screenshot of my settings: http://prntscr.com/n2xyll

    yet still there is no background showing.

    even tho source code shows:

    <style type=”text/css” id=”custom-background-css”>
    body.custom-background { background-image: url(“http://visarm.com/wp-content/uploads/2019/02/wallpaper.jpg&#8221;); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: scroll; }

    Any help is much appreciated!

    #168712
    sapana
    Participant

    @kaindl: Can you please provide me your admin access if that okay? I will shortly contact you by mail.

    Kind Regards,
    Sapana

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How do I place a custom background on one specific page?’ is closed to new replies.