Joomla Templates Club 406,261 posts

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#171559

I have amended the background in template.css file but i have encountered three problems since doing so;

The content slider for the banners at the top is now broken

The right grey panel is broken above the image i have added in the bottom right corner, now displaying a white stripe.

When i resize my browser window my images disappear behind the content/module positions.

testycooler.com

Admin and FTP log ins attached (please note it’s an add on domain in the public_html folder)

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#428592

Can you please post a more complete url ?

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428713

<em>@TomC 287794 wrote:</em><blockquote>Can you please post a more complete url ?</blockquote>

http://www.testycooler.com

http://www.testycooler.com/administrator

(i filled out the user/pass info for both the admin back end and FTP details when i posted this thread)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#428767

Gotta be honest . . . . I’m looking at your site and I’m not seeing the “broken” elements you are referring to.
Have you already been able to repair this? … Or, perhaps I’m simply not looking at the right elements or clicking the right buttons?

If not, can you, perhaps, provide a screenshot pointing out the particular “broken” elements?

Also – if you haven’t yet fixed this issue – what modifications did you perform that you feel caused this issue?
Perhaps you can provide a cut-and-paste of the code you modified?

Lastly, I REALLY like the side banner image on your site – VERY nice touch !! 🙂

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428822

<em>@TomC 288004 wrote:</em><blockquote>Gotta be honest . . . . I’m looking at your site and I’m not seeing the “broken” elements you are referring to.
Have you already been able to repair this? … Or, perhaps I’m simply not looking at the right elements or clicking the right buttons?

If not, can you, perhaps, provide a screenshot pointing out the particular “broken” elements?

Also – if you haven’t yet fixed this issue – what modifications did you perform that you feel caused this issue?
Perhaps you can provide a cut-and-paste of the code you modified?

Lastly, I REALLY like the side banner image on your site – VERY nice touch !! :)</blockquote>

Thank you =)

here is the code for the banner image added to the left and the image bottom right of the background

/* chris
#ja-container {
background: url(../images/container-bg.gif) repeat-y center top;
}
show repeating background down left of most of page
*/

#ja-container {
background: url(../images/container-bg-left.png) repeat-y left top, url(../images/container-bg-right.jpg) no-repeat right bottom;
}

I have also attached a screen shot of the problem I describe

also when i/you expand and minimize the browser window you can see the images i’ve added to the left and right of the background disappear behind the module positions.

Thank you

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#428863

I think the following CSS may be the culprit(s) . . . .

Open template.css (within path /template/ja_methys/css/template.css)

at line 768, you should see the following . . .


#ja-right {
background: url(../images/dot.gif) repeat-y left top #f5f5f5;
}


#ja-right .ja-moduletable {
margin-right: 0;
background: url(../images/line.png) repeat-x left bottom;
}


[FONT=arial] The “grey” seems to be caused by a repeating “dot” image

and then, on line 22, this is where the “white” is coming from . . .

body#bd { background: #fff; color: #666; }


So basically . . . if you want to eliminate that white “bar” on the right – you will need to make sure both the “body bg” and the “ja-right modultable” backgrounds are the same.

Hope that helps.

[/FONT]

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428972

<em>@TomC 288122 wrote:</em><blockquote>I think the following CSS may be the culprit(s) . . . .

Open template.css (within path /template/ja_methys/css/template.css)

at line 768, you should see the following . . .


#ja-right {
background: url(../images/dot.gif) repeat-y left top #f5f5f5;
}


#ja-right .ja-moduletable {
margin-right: 0;
background: url(../images/line.png) repeat-x left bottom;
}


[FONT=arial] The “grey” seems to be caused by a repeating “dot” image

and then, on line 22, this is where the “white” is coming from . . .

body#bd { background: #fff; color: #666; }


So basically . . . if you want to eliminate that white “bar” on the right – you will need to make sure both the “body bg” and the “ja-right modultable” backgrounds are the same.

Hope that helps.

[/FONT]</blockquote>

Thanks Tom,

changing the body bg colour does seem to fix it.

But i’m hoping there’s a work around as adding the banner to the left is what causes the white strip to appear on the right side.

If i do change the body bg to the grey shade the effect of the left banner isnt as aesthetic.

is there no way to save the right staying grey while the left background remains white after adding the left banner image?

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428981

I think i’ve had a eureka moment.

I’ll work on it and get back to you once ive worked on a solution

edit: hmm seems i still cant figure out why adding an image turns the right side white

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#428994

SO even if you change the entire background to one color – and use the same background color for the ja-right moduletable position (as I indicated above) – this doesn’t work to create one uniform background color?

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428995

seems adding an image breaks the content slider too

---

Attachments:

1. 

[mangekyou Friend mangekyouJoin date: August 2011Posts: 165Downloads:0Uploads:32 Thanks: 30]

#428996

<em>@TomC 288271 wrote:</em><blockquote>SO even if you change the entire background to one color – and use the same background color for the ja-right moduletable position (as I indicated above) – this doesn’t work to create one uniform background color?</blockquote>

yes it does but i wanted to maintain the default half white/half grey background with exception to the top part above the content slider being completely white

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#428998

<em>@mangekyou 288273 wrote:</em><blockquote>yes it does but i wanted to maintain the default half white/half grey background with exception to the top part above the content slider being completely white</blockquote>
I’m pretty sure you can keep the header background independent from the rest of the (lower) background color … pretty sure, anyway.

As for the content slider issue – that is an odd one. I will roundtable this issue with a couple of my Support Team colleagues and see if we can come up with a “putting our heads together” suggestion/solution for you.

1 user says Thank You to TomC for this useful post

1. mangekyou

[Author]

Posts