Appearance To adjust
Most CSS styles within your pages can be changed using the “Extra CSS” function found under “appearance” | “To adjust”. Just find the CSS element that you want to cancel and continue and change them.
Changes are easily undone if you also mess up things.
After I looked at your page, I see that you have two possible CSS elements“S” container “or” section “.
Add the following to your CSS capses;
.section {background-image:url("https://www.chromahouse.com/wp-content/uploads/2019/07/purpleandblue.png");}
Or
.container {background-image:url("https://www.chromahouse.com/wp-content/uploads/2019/07/purpleandblue.png");}
Note the. At the start of the line!
It is a good habit to also set a background color in case the image is not available.
You can also configure how the image is displayed, repeated, etc. and set it as fixed or floating.
.container {
max-width: 100%;
background-image:url("/wp-content/uploads/2019/07/purpleandblue.png");
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
};
If you wanted a whole page to have a background image, replace ‘container‘Element with’body. ‘
It is important to notice Changes made by the “Extra CSS” option will overwrite existing CSS styles, therefore all elements with regard to styles must be included.
You may have to experiment to get the background image the way you want it, for example a screen with a very high resolution will stretch the image and make it look terrible. For screens with larger resolutions you need very large images that use the bandwidth and delay your website. If you google “seamless backgrounds”, you will find smaller images that create a seamless background image that influence when it is repeated.
View for more information;
https://www.w3schools.com/cssref/pr_background-image.asp
View this for more advanced examples of background elements;
https://www.w3schools.com/cssref/pr_background-attachment.asp
#set #background #image #full #screen #pages #homepage