Balanced

Started by LFrancke, April 29, 2012, 07:02:59 PM

Previous topic - Next topic

LFrancke

Hello Waris,

Because of the reduced size of the header, the news item was left out. You can use PortaMX to create a news block on the front page of your site or on the forum page of your site. I can look at increasing the size of the header but the news you enter would likely over run your site logo.

LFrancke

waris

Quote from: LFrancke on January 17, 2013, 07:23:38 PM
Greetings Waris,

I am glad to hear you find the theme pleasing to the eye and the change for the original member greeting to be acceptable. If there is something in the theme that you should need help with, please let me know and I will do my best for you.

Best wishes,

LFrancke

Hi LFrancke,

I need help to change the webpage background to an image.

How do I do it?

Thank you.

LFrancke

Hello Waris,

Probably can be done in the index.css file. What would you like changed?

LFrancke

waris

Hi LFrancke,

I would like to change the white background as shown in the snapshot above
to the following image:


LFrancke

Hello Waris,

I received your PM and I believe you want to change from a solid color to an image in the body area.

Look for the below code in your index.css file. Your background color is different I believe so look for 'body'.


body
{
background: #333334;
font: 78%/130% verdana, arial, helvetica, sans-serif;
margin: 0 auto;
padding: 0 0;
}



then add the background: information. Comment out the original 'background' to preserve it.




body
{
/* background: #333334; */
        font: 78%/130% verdana, arial, helvetica, sans-serif;
margin: 0 auto;
padding: 0 0;
        background: url(../images/theme/YOUR_IMAGE.png);
}




I also noticed that with your header, the Admin information overlaps the family image. You can shift the information a bit to the right by doing the below ...


#user-greeting
{
height: 110px;
float: right;
padding: 5px 5px 0 0;
line-height: 135%;
text-align: right;
color: #003366;
font: 17px arial, sans-serif;
width: 38em;
}


Change the padding to the above setting.  You also can adjust the font size.

The user-greeting manages the display of the data on the right side of the header.


Hope this helps.    :)


LFrancke

LFrancke

Quote from: waris on February 10, 2013, 10:05:19 AM
Hi LFrancke,

I would like to change the white background as shown in the snapshot above
to the following image:




Very nice image, I do like that.  I just tried your image on my test site, it looks really nice. In the background: section, change YOUR_IMAGE.png to
match the file name of your desired image.

:)

waris

Thank you once again LFrancke.

LFrancke



  :)   You are very welcomed. 


waris

Hi LFrancke,

I tried the changes but it did not work..

What I want to do is to change the Black background to my "Banana.png" image to replace it.

I inserted the following as you advised:

/*   BALANCED - The body and bodyarea
--------------------------------------*/
body
{
   /*  background:#333334;  */

   font: 78%/130% verdana, arial, helvetica, sans-serif;
   margin: 0 auto;
   padding: 0 0;
  background: url: (http://www.bumiweb.com/forum/Themes/balanced-203-0004a/images/theme/banana.png)

}

#bodyarea
{
   margin: 0;
   background: #A2A9A6;
   padding-top: 5px;
   padding-left: 15px;
   padding-bottom: 95px;
   padding-right: 15px;
}



The body area I did not did not disturb.

Did I do something incorrect?

Gizbeat

#29
Any link to an actual demo of the skin? All of the pics you've posted are backend or portal... Would love to take a look at the actual forum and threads....

nevermind, hxxp:ccgi.raffia.plus.com/~raffia/forum/ [nonactive] . looks good. Thanks for your work

LFrancke

#30
Quote from: waris on February 11, 2013, 12:13:52 AM
Hi LFrancke,

I tried the changes but it did not work..

What I want to do is to change the Black background to my "Banana.png" image to replace it.

I inserted the following as you advised:

/*   BALANCED - The body and bodyarea
--------------------------------------*/
body
{
   /*  background:#333334;  */

   font: 78%/130% verdana, arial, helvetica, sans-serif;
   margin: 0 auto;
   padding: 0 0;
  background: url: (http://www.bumiweb.com/forum/Themes/balanced-203-0004a/images/theme/banana.png)

}


The body area I did not did not disturb.

Did I do something incorrect?



Hi Waris,

If you copied the above as it appears in the index.css file I see possibly four problems.

One is that the semicolon ' ; ' is missing at the end of the line.

The second is that there should be no space between the url and the first (.

The third is that there should not be a  ' : ' after the word url.

The fourth may be the path you are using.


Try the following:

background: url(../images/theme/banana.png);


Be certain that you have the banana file saved as .png and not .jpg or another extension. Also check for spelling and upper case and lower case letters.



Hope this helps.  :)


edit: Just tied the link to your banana.png and it works. It appears your path and image location are correct so, the likely problems are the missing semicolon at the end of the line, the space between the word url and the first ( and the ':' between the word url and the (.

:)




waris

Thank you very much.

waris

Sorry to trouble you again LFrancke.

With all the semi-colons in place, the background still does not show up.

LFrancke

Not a problem at all.   :)

Would you mind making a post and attaching the index.css file to the post. Or if you prefer you can email the index.css to me.
I will PM you my email address.

thanks,   :)


waris

Hi LFrancke,

The problem is now resolved.

Thank you very much.

jonesH

I am not sure this is the right place and way to post some questions regarding uninstallation of the Balanced-204-0001 theme. Please advise.

Advertisement: