Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change BG color

Featured Lock Resolved
First thing i must say is
AWESOME TEMPLATE
its AWESOME

anyway
is there a way to change the background color of the template?

- i mean the left and right sides (which are just white) of the template NOT the areas in the center of the site

- just in case, i attached a image showing the left/right side of my site in RED (it is covering the white area) which i want to be able to change the color from white to any other HEX color

Attachments (1)

  • neo.jpg
    neo.jpg

30 Answers

almamun

More than a month ago #Permalink
Look at template.css (line 22)

jazzking2001

More than a month ago #Permalink
sorry but i had no luck

i tried editing the value shown in bold without luck (image shown below)

- it colored in the white area in the main content area
i want to color the white on the left and rite side of the site


body{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.8;}
.bg1{background:url(../images/shadow.gif) repeat-y 50% 0;}
.main-bg {background:#f5f5f5;}
.sp-inside{padding:10px}
.sp-padding {padding:0 10px}
.sp-inner-content{padding:10px 0}
.gap{clear:both; margin-bottom:20px}

Attachments (1)

  • notwatiwant.jpg
    notwatiwant.jpg

almamun

More than a month ago #Permalink
It is the shadow.gif that gives white area. Remove or replace the image with hex color code, may be something that matches with the background

jazzking2001

More than a month ago #Permalink
i see
but i do not want to match the white background (left and rite side color of the site)
i want to change the white background

where is it?

almamun

More than a month ago #Permalink
Edit line 25 and 77 in template.css. Remove the background or replace the images

Allan

More than a month ago #Permalink
Hi!

I have exactly opposite question - how to change background colour in the center area of the page?

jazzking2001

More than a month ago #Permalink
find template.css


body{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.8;}
.bg1{background:url(../images/shadow.gif) repeat-y 50% 0;}
.main-bg {background:#[color=#880000]f5f5f5[/color];} <--------- F5F5F5 change it
.sp-inside{padding:10px}
.sp-padding {padding:0 10px}
.sp-inner-content{padding:10px 0}
.gap{clear:both; margin-bottom:20px}

Allan

More than a month ago #Permalink
.main-bg {background:xxxxx row was missing. Adding this really helped. Thank you!

jazzking2001

More than a month ago #Permalink
i replaced images/shadow.gif with a black iamge
and i got what is shown below which is 2 black lines on the sides of the site

- but thats not what i am looking for, what i want is to change the left and rite side of the site from being white

Attachments (1)

  • site1.jpg
    site1.jpg

jazzking2001

More than a month ago #Permalink
anyone have any ideas?

almamun

More than a month ago #Permalink
jazzking2001 could you please mark the area in image. I'm unable to get you.

jazzking2001

More than a month ago #Permalink
i am trying to change the white color (shown in red, in the image below)

- it is the OUTSIDE color of the template (the left and right side)

- changing shadow.gif image DOES NOT change the the white background (i tried that already)
http://www.joomshaper.com/media/kunena/attachments/23140/neo.jpg

i DO NOT WANT THIS

http://www.joomshaper.com/media/kunena/attachments/23140/notwatiwant.jpg

xsuper

More than a month ago #Permalink
Hi
i checked your website and it's nice >>>>> nothing wrong


123.png

Attachments (1)

  • 123.png
    123.png

jazzking2001

More than a month ago #Permalink
i am not trying to sound rude but
I KNOW nothing is wrong with my site
l am trying to change my sites BACkGROUND COLOR

nick

More than a month ago #Permalink
I'm actually trying to change the inset like you did above, but I don't see that line in the css. Here is what I have starting at line 22.

Is the line: .main-bg {background:#f5f5f5;} in the template.css? I could not find it at all.

/* Core */
body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
.bg{background:#f5f5f5}
.bg1{background:url(../images/shadow.gif) repeat-y 50% 0}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:10px}

Attachments (1)

  • css_shot.png
    css_shot.png

nick

More than a month ago #Permalink
Never mind, yikes. I just added .main-bg {background:#ffffff;} to make it white and it worked fine.

Now I just have to change the heading and content backgrounds

Ehsan Riyadh

More than a month ago #Permalink
It's simple. Please use firebug to find the selector. Then go to css file and put your colour.

joseph

More than a month ago #Permalink
i have also same problem with above mentioned - i would like to change my background please help thanks

Ehsan Riyadh

More than a month ago #Permalink
Please, open a new post with your site link.

joseph

More than a month ago #Permalink
hi thanks for you prompt response. here's the sample screenshot of my site.



the first picture is my original site and i would like to change the background on my site like what i had on the 2nd picture it has black color on the background pls. refer attachment.


thnaks,

Attachments (1)

  • dent.jpg
    dent.jpg

Ehsan Riyadh

More than a month ago #Permalink
Please, use firebug and edit templates/shaper_simplicity_ii/css/template.css file.

joseph

More than a month ago #Permalink
thanks! let me download firebug later then i'll let you know... can you also help me on this got this error on my site after i used my contact us form:

Warning: substr() expects parameter 3 to be long, string given in /home/pamp4nga/public_html/sunglaodent/components/com_contactmap/models/contactmap.php on line 499


thank you

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Why are you posting here to get support for 3rd part extension? Please contact with the developer of contactmap.

sassas

More than a month ago #Permalink
Hello everyone!
First - Thank You for this great template.

Unfortunatelly, i also have a problem with background :(
Template is assigned to some menu items in main menu (now turned off).
Below my template.css code:
/* Core */
body{color:#525253;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:150%}
.main-bg {background:#f5f5f5;}
.bg{background:#f5f5f5}
.bg1{background:url(../images/shadow.gif); repeat-y 50% 0}
.sp-wrap{margin-left:auto;margin-right:auto}
.sp-block{float:left;display:inline}
.mod-block {padding:10px}
.sp-inner{padding-left:10px;padding-right:10px}
.sp-block .first {margin-left:-10px}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:10px}

Unfortunatelly, i can not remowe RED color from theme :/ I would like to have "classic" background (Yours)

Edit:
Link edited, please see next post.

At the beginnig it was OK, but i had to do something wrong, and i do not know what :huh:

Maybe can someone tell me, what should i change ??
Please, i am trying to repair it, but a can not :(

Ehsan Riyadh

More than a month ago #Permalink
Which red color you want to turn off. Please use firebug to solve css issue.

sassas

More than a month ago #Permalink
At night i changed theme for "standard.
Now You can see "bad background" here:
http://img836.imageshack.us/img836/17/redfu.png

I would like to have it like that below, but in Shaper theme:
http://img221.imageshack.us/img221/8523/79882184.png

Regards

Attachments (1)

  • red.png
    red.png

Ehsan Riyadh

More than a month ago #Permalink
Sorry we need the specific link on live.

sassas

More than a month ago #Permalink
I set up live:
http://fryzjer.info/twoje-falelokikoki-dp1

(red color should be only in footer, but unfortunatelly it os on all component background)

Ehsan Riyadh

More than a month ago #Permalink
I saw no red color on your link.

sassas

More than a month ago #Permalink
Hi,
Reg color is gone. But it is because i changed default theme, unfortunatelly.
I could not solve problem.

Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 132
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 26
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289850

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us