Joomla Templates Club 406,261 posts

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#476067

<em>@aluna 349613 wrote:</em><blockquote>Hi,

I would also like to change my background color to an image showing on each side of the main page. I applied background: url(‘../templates/ja_mendozite/themes/purple/images/bd.png’) top left repeat-y” style to “body#bd but I dont know what you mean by “ja-wrapper” div’s children. I didnt find anything name wrapper in the template.css file.</blockquote>
Hello aluna,

You can apply background style to “body#bd” but you should use “repeat” instead “repeat-y”. Background image will be repeated whole page.
background: url(“../templates/ja_mendozite/themes/purple/images/bd.png”) repeat scroll left top transparent;

Regards

[aluna Friend alunaJoin date: July 2012Posts: 10Downloads:0Uploads:2 Thanks: 2]

#476380

<em>@Stork11 350383 wrote:</em><blockquote>Hello aluna,

You can apply background style to “body#bd” but you should use “repeat” instead “repeat-y”. Background image will be repeated whole page.
background: url(“../templates/ja_mendozite/themes/purple/images/bd.png”) repeat scroll left top transparent;

Regards</blockquote>

I tried that and it changed to the default background (black).

I used the following code:

background-image: url(../images/bd.png) ; }

#ja-botsl1,
#ja-botsl2,
#ja-footer {
background-color: #eee
}
/*

in the purple template.css file. This is where I can see the background image but it repeats itself.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#476599

Hello aluna,

Can you PM me with your site admin account and your FTP account? Then I can help you change site background.

BTW, please include this forum thread URL in your PM, so I can follow it.

Regards.

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#476739

Hello aluna,

Your background is a bit complicated. If possible, would you mind getting me a few screenshots for more clarifications? Then I shall know what you are trying to achieve.

Regards.

[triley0131 Friend triley0131Join date: November 2008Posts: 58Downloads:13Uploads:26]

#478832

What was the fix? I have a similar issue. Want the same color green.

Thanks,

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#478861

<em>@triley0131 353974 wrote:</em><blockquote>What was the fix? I have a similar issue. Want the same color green.

Thanks,</blockquote>
Hello triley0131,

Would you mind getting me a few screenshots for more clarifications? Then I shall know what you are trying to achieve.
Right now, I am quite not sure where to start.

Regards.

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#480628

Hi there,

Like tphmedia I need the same thing, like in his web site:

http://174.121.38.35/~proroof/

and the other pages:
http://174.121.38.35/~proroof/index.php/dfw-roofing-products/asphalt-shingles

I mean a background image, please could you post here the changes you made in the css style sheet and where you made tha changes?
This post is not very easy to follow because you just made PM messages and we dont have the answer.

Thansk to share the info,

ED 🙂

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#480862

Hello Ed,

In order to change background image of JA Mendozite, follow these step below

1. Go to this file: <blockquote>templates/ja_mendozite/css/template.css</blockquote>

Find these lines and remove all background set style:

#ja-header {
background: none repeat scroll 0 0 #222222 >> remove this
}

#ja-mainnav {
background: none repeat scroll 0 0 #222222>> remove this
z-index: 9;
}

#ja-slideshow {
background: none repeat scroll 0 0 #222222>> remove this
position: relative;
z-index: 8;
}

#ja-botsl2, #ja-botsl1 {
background: none repeat scroll 0 0 #222222>> remove this
}

#ja-footer {
background: none repeat scroll 0 0 #222222 >> remove this
padding: 0;
}

For any themes, you have to go
templatesja_mendozitethemestheme_namecsstemplate.css

find the code style for the background and remove it.

2. Find these lines in <blockquote>templates/ja_mendozite/css/template.css</blockquote>

<blockquote>body#bd {
background: none repeat scroll 0 0 #EEEEEE >> change to background image you want.
color: #555555
line-height: 1.6;
}</blockquote>

[Author]

Posts