Joomla Templates Club 406,261 posts

[lascaper Friend lascaperJoin date: October 2007Posts: 31Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#134226

I need to change the background on my website from blue with while bubbles to a mauve solid color. How can I make this happen?

1 user says Thank You to lascaper for this useful post

1. wooohanetworks

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274494

<em>@lascaper 84768 wrote:</em><blockquote>I need to change the background on my website from blue with while bubbles to a mauve solid color. How can I make this happen?</blockquote>

Basically you have to find the certain line in the appropriate CSS file in the templates folder and change some code like “background: url(../images/bg.gif) top left repeat-x;” to “background: #colorcode”

I will check for the CSS and tell you where!:D

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274495

The background of JA Genista is made from several pictures, that means you have to remove the path to those in the CSS and add the color code to the “background;” code lines:

You will find codes like that in the…

template.css

/*————————————————————————
# JA genista for Joomla 1.5 – Version 1.1 – Licence Owner JA129071
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
————————————————————————-*/

/* COMMON STYLE
——————————————————— */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
color: #000000;
background: #FFFFFF;
font-family: “Lucida Grande”, Tahoma, Arial, Helvetica, sans-serif;
line-height: 150%;
}

body#bd {
padding: 70px 0 0;
color: #333333;
background: url(../images/body-top.jpg) repeat-x top center #F2F9FD;

When you remove the “url…” in every line that is related to the background and leave the color code active, the shown bg color will show up, so you have to change the color code in addition.

When you want a complete new background you can, yes can, also remove all codes including color codes from the “background:” lines (also including the “background:”) and add a global CSS code script to the index.php of the template that makes another file on your server to the background of the template.

Basically you have to find any line that contains “background:” and a path to all the pics you want to replace with custom color. You can find out what files these are with looking over the pics in the quickstart folder you stored on your computer under templates/Ja_template/images and look for all the lines in the CSSs that show the pics name in the pics path and work from there.

Hope this helps…:D.

1 user says Thank You to wooohanetworks for this useful post

1. 1n3pic

[lascaper Friend lascaperJoin date: October 2007Posts: 31Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#274512

Thank you for RESPONDING!!! I’m going to give this a shot. 😀

1 user says Thank You to lascaper for this useful post

1. wooohanetworks

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274531

<em>@lascaper 84851 wrote:</em><blockquote>Thank you for RESPONDING!!! I’m going to give this a shot. :D</blockquote>

No problem, I am passing around all that what I learned myself. You just have to play around with the codes and also look at the one lighted green, as this is supposingly the main template bg, supposingly, as I haven’t been working with the JA Genista until now but the next days for sure.:D

BTW, this way, with helping others you also gain credits and the developer membership is quite expensive and for 3000 credits one gets a free deveship I think, and that one I need! 😎

[lascaper Friend lascaperJoin date: October 2007Posts: 31Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#274659

SUCCESS!!!

I figured out a MUCH easier way to accomplish the task but it was your message that gave me the vital clues. 🙂

I went into the Genista template files thru the FTP.

I located the body-bot.jpg and the body-top.jpg files

I replaced those files with my new images (obviously using the same names)

and BINGO!!!! Customized new background.

I like to keep things simple. 😉 A bazzilion thanks for your assistance.

2 users say Thank You to lascaper for this useful post

1. wooohanetworks
2. 1n3pic

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274661

<em>@lascaper 85037 wrote:</em><blockquote>SUCCESS!!!

I figured out a MUCH easier way to accomplish the task but it was your message that gave me the vital clues. 🙂

I went into the Genista template files thru the FTP.

I located the body-bot.jpg and the body-top.jpg files

I replaced those files with my new images (obviously using the same names)

and BINGO!!!! Customized new background.

I like to keep things simple. 😉 A bazzilion thanks for your assistance.</blockquote>

Great, I also often find the answers when others bring me the clue to do it exactly another way!!! 😀

Hit thank you, please, I also thanked you!!! ;):((;)

1 user says Thank You to wooohanetworks for this useful post

1. lascaper

[lascaper Friend lascaperJoin date: October 2007Posts: 31Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#274667

It’s done! 😀

1 user says Thank You to lascaper for this useful post

1. wooohanetworks

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274669

How does it look now, still with the bubbles or a completely different bg…?

Using some old school PS Skills –>

As with PS you also can e.g. “Magic Rubber” on the white bubbles —> “Layer” on the complete file —> “Drop Paint Bucket” on the rubbered bubbles —-> new style still old style

or

“Magic Rubber” on the white bubbles —> “Layer” on the complete file —> New File, same dimensions as this one, style on the layer that will make the bubbles —-> Move layer into over the new file and layer —> new style with maybe golden bubbles still the old style but completely new…

Or vise versa, magic rubber outside the bubbles, bubbles with layer, new file with the old bg, layer on the old bg, bubbles on the old changed bg…

This also users with older PS and with no knowledge about the fine tuning can do and reach more than they think.

— wax on — wax off–— wax on — wax off—-— wax on — wax off but Mr. Miyagi is today already dead…. 🙁

Much success!!!:D

[lascaper Friend lascaperJoin date: October 2007Posts: 31Downloads:0Uploads:0 Thanks: 4 Thanked: 5 times in 1 posts]

#274691

The original .jpg images have the blue background with the white bubbles.
I replaced them with .jpg images that were of a solid color.

I’m from the old school of “keep it simple” 😉

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#274723

<em>@lascaper 85084 wrote:</em><blockquote>The original .jpg images have the blue background with the white bubbles.
I replaced them with .jpg images that were of a solid color.

I’m from the old school of “keep it simple” ;)</blockquote>

You can also add a fancy glowing picture as a bg….;)

The old school of pimpin a site….:D

[Author]

Posts