Joomla Templates Club 406,261 posts

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#178284

I want to change the background image to produce the effect shown in the attached image. Basically and image on either side of the “main page”

Site: http://174.121.38.35/~proroof

I tried creating a wide image and replacing bd.png (and bd.gif) and it scales it weird and repeats it.

---

Attachments:

1. 

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

#457973

<em>@tphmedia 326044 wrote:</em><blockquote>I want to change the background image to produce the effect shown in the attached image. Basically and image on either side of the “main page”

Site: http://174.121.38.35/~proroof

I tried creating a wide image and replacing bd.png (and bd.gif) and it scales it weird and repeats it.</blockquote>
Hello tphmedia,

You made wrong background styles. You should apply “background: url(‘../templates/ja_mendozite/themes/green/images/bd.png’) top left repeat-y” style to “body#bd #ja-wrapper” in CSS file and remove all background color of “ja-wrapper” div’s children.

Best regards.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#458033

I changedhe template.css ( the green theme version) HERE

#ja-wrapper > .wrap {
background-image: url(../images/bd.png);top left repeat-y
}

#ja-header,
#ja-mainnav,
#ja-slideshow

#ja-botsl1,
#ja-botsl2,
#ja-footer { background-color: #222 }
/* Normal links —*/
a { color: #439539 }

___-

What are “ja-wrapper” div”s children and where do I find them?

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

#458341

<em>@tphmedia 326183 wrote:</em><blockquote>I changedhe template.css ( the green theme version) HERE

#ja-wrapper > .wrap {
background-image: url(../images/bd.png);top left repeat-y
}

#ja-header,
#ja-mainnav,
#ja-slideshow

#ja-botsl1,
#ja-botsl2,
#ja-footer { background-color: #222 }
/* Normal links —*/
a { color: #439539 }

___-

What are “ja-wrapper” div”s children and where do I find them?</blockquote>
Hello tphmedia,

Can you PM to me with your site information (your site URL, your site admin account) and your FTP account please? So I can help you edit the background.

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

Best regards.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#460905

Thanks everyone for your help. Love the new changes. Just one thing. the new backgorund is showing up in the article editor (I’m using JCE). It makes it very difficult to edit articles.

See attached screen shot.

http://174.121.38.58/~proroof/

---

Attachments:

1. 

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

#461091

<em>@tphmedia 330035 wrote:</em><blockquote>Thanks everyone for your help. Love the new changes. Just one thing. the new backgorund is showing up in the article editor (I’m using JCE). It makes it very difficult to edit articles.

See attached screen shot.

http://174.121.38.58/~proroof/</blockquote>
Please add following style into “body {“ in “/components/com_jce/editor/tiny_mce/themes/advanced/skins/default/content.css” file (about line 4)

background-image: none !important;

Regards.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#462086

Perhaps I’m putting it in the wrong place because this didint’ work. Here is my emended code:

html, body{height:100%;}
.mceContentBody{height:100%;min-width:90%;padding:5px;background: #FFFFFF none; color:#000000; text-align:left;}
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:8px;}
body {background: background-image: none !important;}
body.mceContentReset {background: #FFFFFF none !important; color:#000000 !important; text-align:left !important;}
body.mceContentReset a:link, body.mceContentReset a:visited {color: #000000 !important;}
h1 {font-size: 2em}

(Note: I tried

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

#462236

<em>@tphmedia 331594 wrote:</em><blockquote>Perhaps I’m putting it in the wrong place because this didint’ work. Here is my emended code:

html, body{height:100%;}
.mceContentBody{height:100%;min-width:90%;padding:5px;background: #FFFFFF none; color:#000000; text-align:left;}
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:8px;}
body {background: background-image: none !important;}
body.mceContentReset {background: #FFFFFF none !important; color:#000000 !important; text-align:left !important;}
body.mceContentReset a:link, body.mceContentReset a:visited {color: #000000 !important;}
h1 {font-size: 2em}

(Note: I tried</blockquote>
Hello tphmedia,

You made wrong syntax for body attribute.
It must be:
body {background-image: none !important;}

NOT:
body {background: background-image: none !important;}

Regards.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#462484

Arghhh. Changed this and it still shows a background image.

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

#462537

<em>@tphmedia 332120 wrote:</em><blockquote>Arghhh. Changed this and it still shows a background image.</blockquote>
Hello,

Can you PM me with your site information (your site URL, your site admin account) and your FTP account? So I can diagnose this problem.

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

Best regards.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#465636

I’ve pm’d you with the requested info. Any luck? I need to train the client and it is VERY difficult to view the text in the editor with this image in the way.

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

#465672

<em>@tphmedia 336304 wrote:</em><blockquote>I’ve pm’d you with the requested info. Any luck? I need to train the client and it is VERY difficult to view the text in the editor with this image in the way.</blockquote>
Hello tphmedia,

Sorry, I missed a thing. There is another thing in above-mentioned CSS file you should modified as well.
It should be changed from:


.mceContentBody{height:100%;min-width:90%;padding:5px;background: #FFFFFF none; color:#000000; text-align:left;}

to:


.mceContentBody{height:100%;min-width:90%;padding:5px;background: #FFFFFF !important; color:#000000; text-align:left;}


I changed it for you. Then your editor looks nice now. Please re-check and confirm the same.

Regards.

1 user says Thank You to Stork11 for this useful post

1. tphmedia

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#465757

Solved!!!!! Thank you thank you thank you!:):):):):):):):):):):)

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

#475485

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.

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

#475490

<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,

Can you PM me with your site information (your site URL, your site admin account) and your FTP account? So I can diagnose this problem.

And would you mind sending me some screenshots for more clarifications? Right now, I am quite not sure where to start.

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

Regards.

[Author]

Posts