Howi.In

How to Change Background Color of Wapka Wapsite

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-HH9Q5sAOQQE/VW3ZMs9QVsI/AAAAAAAAGxY/HUYzTLUxOEQ/s1600/Change%2BBackground%2BColor%2Bof%2BYour%2BWapka%2BWapsite-min.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Change Background Color of Your Wapka Wapsite" border="0" src="http://3.bp.blogspot.com/-HH9Q5sAOQQE/VW3ZMs9QVsI/AAAAAAAAGxY/HUYzTLUxOEQ/s1600/Change%2BBackground%2BColor%2Bof%2BYour%2BWapka%2BWapsite-min.png" title="Change Background Color of Your Wapka Wapsite" /></a></div>
<h2 style="text-align: left;">
Introduction :</h2>
<div>
It is very easy to design a wapsite on Wapka wapsite developer because there is lot of user-friendly option's available to design . Wapka have a Style.css file to save .CSS codes , By using the Style.css file we can design Wapka wapsite more attractively like other wapsite do . We can grab other wapsite css style code and style your wapsite like them . Today on this tutorial you are going to learn changing background of your Wapka wapsite .</div>
<h3 style="text-align: left;">
How to Change Background Color of Wapka Wapsite :</h3>
<div>
It is very easy to change Background color of your Wapka wapsite , To do this you have to know the basic knowledge wapsite building in Wapka and some knowledge about CSS . If you are , Just follow the basic steps that given below .</div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Log-in to your Wapka Dashboard .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Enter to the Wapka wapsite which you need to change Background .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Admin Mode</b>" Then click on the "<b>Edit Site</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Global Settings</b>" Then click on the "<b>Head Tag (Meta/Style)</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Edit Style Sheet File (Styles.css)</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now add the following code to the "<b>Text Area</b>" Then click on the "<b>Set</b>" Button .</span></li>
</ul>
<pre class="brush: js;">body {
    background-color: xxx;
}</pre>
</div>
<div style="text-align: left;">
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Change the "<b>XXX</b>" To the color code you like . <a href="http://www.w3schools.com/tags/ref_colorpicker.asp" rel="nofollow" target="_blank">Color Codes Here</a> .</span></li>
</ul>
<div>
It will take sometimes to change the background color , Sometimes it will change with in second , So don't try to change the code again and again .</div>
<h4 style="text-align: left;">
How to Add Background Image Instead of Color in Wapka Wapsite :</h4>
<div>
It is very easy to add Bacground image on your Wapka wapsite . To do this you need to know the basic knowledge of CSS Style Editing .</div>
<div>
<ul>
<li><span style="font-family: Georgia, Times New Roman, serif;">Log-in to your Wapka Dashboard .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Enter to the Wapka wapsite which you need to change Background .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Admin Mode</b>" Then click on the "<b>Edit Site</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Global Settings</b>" Then click on the "<b>Head Tag (Meta/Style)</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Click on the "<b>Edit Style Sheet File (Styles.css)</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now add the following code to the "<b>Text Area</b>" Then click on the "<b>Set</b>" Button .</span></li>
</ul>
<pre class="brush: js;">body {
    background-image: url("Image URL Address");
    background-repeat: no-repeat;
}</pre>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Change the "<b>Image URL Address</b>" With the Image URL Address .</span></li>
</ul>
<div>
By changing the "<b>no-repeat</b>"' With "<b>X</b>" You can show the same image more than once on your Wapka wapsite background . </div>
<h4 style="text-align: left;">
Suggested Article For Wapka Wapka Masters : </h4>
<div>
<ul style="text-align: left;">
<li><a href="http://www.howi.in/2015/05/add-facebook-like-box-to-your-wapka-wapsite.html" target="_blank">Add Facebook Like Box to Your Wapka Wapsite .</a></li>
<li><a href="http://www.howi.in/2015/05/change-title-of-wapka-wapsite-page.html" target="_blank">Change Wapka Wapsite Page Title For Better SEO Performance .</a></li>
<li><a href="http://www.howi.in/2015/04/breadcrumb-url-structure-to-your-wapka-wapsite.html" target="_blank">Add Bread Crumb URL Structure For Your Wapka Wapsite .</a></li>
<li><a href="http://www.howi.in/2015/04/custom-search-engine-for-wapka-wapsite.html" target="_blank">Add Custom Search Engine to Your Wapka Wapsite .</a></li>
</ul>
<div>
I hope you enjoyed this article , If you have any doubts or suggestion about this article , Please let us know by using the comment box given below . Thanks</div>
</div>
</div>
</div>
</div>
</div>

How to Change Background Color of Wapka Wapsite

Introduction : It is very easy to design a wapsite on Wapka wapsite developer because there is lot of user-friendly option's avail...

+ Read more »