Joomla Templates Club 406,261 posts

[vispeter Friend vispeterJoin date: November 2011Posts: 46Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#176218

I would like a large picture as background in Puresite, how can I do that ?

I would like the middle the same, only on the left and right

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#448841

Hi vispeter,
Please open up file:

templatesja_puresitecsstemplate.css

Scroll down to approx line 23, you can see this css code:

body#bd {
background: url("../images/body-bg.jpg") repeat-x scroll left top #FAFBFC; <<<<you can change image here
color: #656667;
line-height: 1.6;
background-color: ADD_YOUR_DESIRED_COLOR_HERE;
}

Regards.

[vispeter Friend vispeterJoin date: November 2011Posts: 46Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#448880

When I do that I am getting attached file. I would like the content etc in white and on the left and right the background

---

Attachments:

1. 

[vispeter Friend vispeterJoin date: November 2011Posts: 46Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#448892

I am getting a lot of times attached screen but I can not figure out how or why.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#448903

Hi,
So could you pm me a private message of url and if possible a temporary FTP account of site you’re working on? and some snapshots of what you want your site should be. I’ll help you to figure out.

Regards.

[vispeter Friend vispeterJoin date: November 2011Posts: 46Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#449101

This is what I would like

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#450090

Hi there,

– First, you need copy your image background into this folder: templatesja_puresiteimages

– Then, open up this file: templatesja_puresitecsslayout.css

.wrap {
clear: both;
width: 100%;
background: url("../images/achtergrond.jpg"); <<< pls add this line
}

.main {
background: none repeat scroll 0 0 white; <<< pls add this line
margin: 0 auto;
position: relative;
width: 980px;
}

And let me know whether this helps or not.

Regards.

1 user says Thank You to Saguaros for this useful post

1. ballbank

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#451936

I am sorry. I don’t mean to jack your thread but I also interest in doing the same thing.
This is what happen after I edited the code as you suggest Saguaros

How can I delete out the those white line or space?

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#451937

Hi there,

Send me your site’s URL, I’ll check this for you and also set Compress Css in template manager to No

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#451992

my website is http://chadavegas.com/ both css and js are set to no.

Thank you

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#452008

Hi ballbank,
In file: templates/ja_puresite/css/layout.css

At approx line 45:

.main .main-inner1 {
margin: 0 20px 0; <<<< change to this
}

In file:templates/ja_puresite/css/template.css

At approx line 822:

#ja-botsl1 {
background: url("../images/bg-body.gif") repeat scroll left top transparent;
border-top: 5px solid #656667 <<< remove this line
}

Hope this helps.

1 user says Thank You to Saguaros for this useful post

1. ballbank

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#453824

I think I nailed it. Thank you Saguaros. This is what I did. Just in case any body want to use a background.
It still need some more tweak but this will help you get started.

in layout.css

add background: none repeat scroll 0 0 white; to .main {

change .main .main-inner1 {
margin: 0 20px 0;

———————————————————————————————–

in template.css

change this line to body#bd { background: url(../images/tile2.jpg);}

———————————————————————————————-
This section is for slideshow lite. Pictures now show fully in color. I copied it from another post.

modules/mod_jaslideshowlite/assets/mod_jaslideshowlite.css @ line 157

.ja-ss-desc {
color: white;
left: 0;
position: absolute;
top: 0;
height: 100%;
background: url(trans.png); < this is the offending little dingsbums (thingy). set this to none and you are good to go!!
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 20px;
}

——————————————————————————————————–
Please correct it if I did something wrong. Also, please share your detail if you can customize it more 🙂

[pahutton Friend pahuttonJoin date: July 2011Posts: 8Downloads:4Uploads:0 Thanked: 2 times in 1 posts]

#453841

Hi

was reading up on your issue as am looking at doing the same with the background and had a look at the site (eurowellnesscard) and noticed you are using a slideshow of some description which looks great.
any chance of letting me know which is is you are using please?

[vispeter Friend vispeterJoin date: November 2011Posts: 46Downloads:0Uploads:5 Thanks: 3 Thanked: 1 times in 1 posts]

#453845

I am using JA Slideshow2 Module

[ballbank Friend ballbankJoin date: January 2011Posts: 34Downloads:0Uploads:9 Thanks: 9]

#453905

I took this white space out before but somehow I reverted it back. Now I can’t remember what I did.
Can you help me one more time. Thank you

I already removed this

#ja-botsl1 {
background: url(“../images/bg-body.gif”) repeat scroll left top transparent;
border-top: 5px solid #656667 <<< remove this line
}

---

Attachments:

1. 

[Author]

Posts