Support Forum › Forums › WordPress Themes › Wise Church › Background Color or Image
- This topic has 18 replies, 2 voices, and was last updated 7 years, 3 months ago by
Probewise.
-
AuthorPosts
-
March 12, 2018 at 4:43 AM #952You must have valid license to access this content.March 12, 2018 at 10:45 AM #956
Probewise
KeymasterBy 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.
March 12, 2018 at 10:45 PM #966Designed By Marin
ParticipantNot sure how to attach a screenshot to this message.
March 12, 2018 at 11:50 PM #969Probewise
KeymasterYou could use a third-party site to link picture/screenshots like imgur, google photos, flickr, etc.
March 13, 2018 at 12:13 AM #970Designed By Marin
ParticipantMarch 14, 2018 at 11:34 PM #979Probewise
KeymasterOn 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/March 14, 2018 at 11:52 PM #980Designed By Marin
ParticipantWow. 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.
March 15, 2018 at 5:01 AM #981Designed By Marin
ParticipantI 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?
March 16, 2018 at 12:34 PM #982Designed By Marin
ParticipantPlease don’t forget me. I left a response above.
Thank you!
March 17, 2018 at 11:49 AM #983Probewise
KeymasterNope, 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/
March 18, 2018 at 4:21 AM #984Designed By Marin
ParticipantWoohoo, 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!March 18, 2018 at 10:55 PM #985Probewise
KeymasterYou’re always welcome!
-
AuthorPosts
- You must be logged in to reply to this topic.