Support Forum Forums WordPress Themes Wise Church Background Color or Image

Viewing 12 posts - 1 through 12 (of 19 total)
  • Author
    Posts
  • #952
    You must have valid license to access this content.
    #956
    Probewise
    Keymaster

    By default, you cannot add a background image or change the color on a specific page. The styling of the theme is harmonized based on the design we’ve created. Modifying its style would change its harmonized color/design. However, you may use CSS styling to do so. What is the scope of the background you want to change in a specific page? You may post screenshots on how would it look like.

    #966
    Designed By Marin
    Participant

    Not sure how to attach a screenshot to this message.

    #969
    Probewise
    Keymaster

    You could use a third-party site to link picture/screenshots like imgur, google photos, flickr, etc.

    #970
    Designed By Marin
    Participant
    #979
    Probewise
    Keymaster

    On the page you’re creating, add this code before the content (It should be in Text Mode when editing, and not Visual Mode):

    <style>
    .content-wrapper-outer {
        width: 100%;
        background-image: url("url of your image");
    }
    </style>
    

    (See background CSS styling: https://www.w3schools.com/css/css_background.asp)
    We’ll try to help as possible as we can. However, you could find resources that offers free tutorials on CSS styling like this site: https://www.w3schools.com/css/

    #980
    Designed By Marin
    Participant

    Wow. As usual, you guys came through! Thank you so much. As soon as I finish the addition, I will post a link to the page so you can see it!

    I also thank you for the heads up on the links you provided.

    #981
    Designed By Marin
    Participant

    I just realized that the page you are suggesting for me to paste your CSS code to, is an html code page. This does not work. Am I suppose to paste it into the child/CSS style?

    #982
    Designed By Marin
    Participant

    Please don’t forget me. I left a response above.

    Thank you!

    #983
    Probewise
    Keymaster

    Nope, you don’t need to paste it on a style.css of a child theme. It will work well on a page with HTML enabled. Here’s the updated code so that it will cover the whole background if you use an image:

    <style>
    .content-wrapper-outer {
    	width: 100%;
    	background-image: url("https://probewise.com/testingan/wp-content/themes/wise-church/img/background.jpg");
    	overflow: visible;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-attachment: fixed;
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
    }
    </style>
    

    Check our sample page which uses the code above: https://probewise.com/testingan/page-with-background/

    #984
    Designed By Marin
    Participant

    Woohoo, it worked! Thank you so much! Another job well done by “PROBEWISE”.

    Here’s the fruits of your teaching! I also added it to other pages for continuity.
    Click Here!

    #985
    Probewise
    Keymaster

    You’re always welcome!

Viewing 12 posts - 1 through 12 (of 19 total)
  • You must be logged in to reply to this topic.
Back to top