Joomla Templates Club 406,261 posts

[phee Friend pheeJoin date: March 2010Posts: 23Downloads:0Uploads:1 Thanks: 6]

#152033

Hi,

I was wondering how I could change the body of the article’s background color and make the border a bit thicker, both on the homepage and inside the article.

Thanks!

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#348003

Article other than homepage is controlled by this image at line 794 in template.css. Replace image or delete image and replace with hex colour in format background: #EBEAE8;

#ja-container-f #ja-current-content {
background: url(../images/cc-bg2.gif) repeat-y center top;
}

Home page article bkg is controlled by line 553

#ja-contentheading div.blog {
background: #EBEAE8;
border: 1px solid #B9B7B5; ***** Change value for thicker border on home (blog layout)
border-top: none;
padding: 5px 15px 10px;
}
Blessings Shannon

1 user says Thank You to uniquebiz for this useful post

1. phee

[phee Friend pheeJoin date: March 2010Posts: 23Downloads:0Uploads:1 Thanks: 6]

#348008

Hi shannon!

Thanks so much for replying!!

Do you know how I can change the background color of the template? I’m currently using the Red Style, but I wish to make the background of the template the same color as the default one. I’ve managed to get parts of it done, but I can’t get the middle css code right.

For a lack of better explanation http://update.hellokpop.com/ please look at you will see Red while the other parts are a greyish!

Thanks!

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#348016

the default colour for the site is a gray #EBEAE8

you would place that in the red css for the following items

body {
background: #FAF0EF;
color: #000000;
}

body#bd {
background: url(../../images/red/mw-bg.gif) repeat-x left top #FAF0EF; delete the image path, insert none;
color: #555555;
}

That should give you the gray bkg preserving the red image etc

Blessings Shannon

1 user says Thank You to uniquebiz for this useful post

1. phee

[phee Friend pheeJoin date: March 2010Posts: 23Downloads:0Uploads:1 Thanks: 6]

#348043

Hi Shannon!

My css currently looks like this:

body {
background: #EBEAE8;
color: #000000;
}

body#bd {
background: url none: repeat-x left top #EBEAE8;
color: #555555;
}

However I am still unable to get that red part out on the site http://www.update.hellokpop.com/

Thanks!

EDIT: NVM, it disappeared by itself, must’ve been cache! Thanks a lot though Shannon!

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#348044

have you cleared all the caches, both browser and site?
I include screenshot showing no background colour red at top, unless you are meaning the menu bar red?

---

Attachments:

1. 

1 user says Thank You to uniquebiz for this useful post

1. phee

[phee Friend pheeJoin date: March 2010Posts: 23Downloads:0Uploads:1 Thanks: 6]

#348045

Yes, it was cache, I think! It worked right after I changed width of the article border on the homepage, which oddly it didn’t change the border but fixed the issue, so it might’ve been cache.

Thanks Shannon! You’re always there when I need help!

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#348046

No problems mate
It’s a good way for me to learn css while search for the answers and good to know I contribute
Cheers Shannon

[Author]

Posts