Joomla Templates Club 406,261 posts

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#195306

Hi,
I need to set the background fixed, how can I solve the problem in the footer of the “Ja Mitius” template, like in the attached picture ?

This is my site : http://www.arpinoturismo.it/new/

Sorry for my english
Thanks

---

Attachments:

1. 

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

#524805

Try This . . . .

Within file path –> /templates/ja_mitius/css/themes/red/template.css
at line 3635, make the following (highlighted) adjustments:


.ja-footer {
background: none repeat scroll 0 0 #000000
color: #666666
margin-left: auto;
margin-right: auto;
width: 1050px;
}

Bear in mind, this will only work for when you have the “red” theme assigned.

To try to make the modification universal across all themes, you can also create a “custom.css” file within file path –> tempaltes/ja_mitius/css <– and place the same css rule above within that file.

Hope That Helps

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#525076

Thanks,
I made the changes, and this is the result :
http://www.arpinoturismo.it/new/

But I would like to be like that:

Thanks
marco

<em>@TomC 413971 wrote:</em><blockquote>Try This . . . .

Within file path –> /templates/ja_mitius/css/themes/red/template.css
at line 3635, make the following (highlighted) adjustments:


.ja-footer {
background: none repeat scroll 0 0 #000000
color: #666666
margin-left: auto;
margin-right: auto;
width: 1050px;
}

Bear in mind, this will only work for when you have the “red” theme assigned.

To try to make the modification universal across all themes, you can also create a “custom.css” file within file path –> tempaltes/ja_mitius/css <– and place the same css rule above within that file.

Hope That Helps</blockquote>

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#525326

Hi Marco,

Please try to create a new file called “custom.css” in the /templates/ja_mitius/css path, then add the same rule suggested by TomC:

.ja-footer {
background: none repeat scroll 0 0 #000000
color: #666666
margin-left: auto;
margin-right: auto;
width: 1050px;
}

Let me know how it goes.

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#526735

Almost done,
I put the original code :
[PHP]}
.ja-footer {
background: #000
color: #666
*zoom: 1;
}
[/PHP]
in: /templates/ja_mitius/css/themes/red/template.css at line 3635 .

and I created custusm.css file in the following path: tempaltes/ja_mitius/css with this code:
[PHP]
@import url(../fonts/novecentowide1/stylesheet.css);

.ja-footer {
background: none repeat scroll 0 0 #000000
color: #666666
margin-left: auto;
margin-right: auto;
width: 1050px;
}
[/PHP]

That’s the result : http://www.arpinoturismo.it/new/

Thanks

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#526936

@gruppoarancione,

Please try this additional tweak. Open the /templates/your_template_name/css/custom.css file, then replace this code:

.ja-footer {
margin-right: auto;
position: absolute;
width: 1050px;
}

With

.ja-footer {
margin-left: auto;
margin-right: auto;
position: relative;
width: 1050px;
}

Let me know if this helps.

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#528033

thanks it works

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#528243

Sorry,
I didn’t notice that this solution :

[PHP].ja-footer {
margin-left: auto;
margin-right: auto;
position: relative;
width: 1050px;
}[/PHP]

gives me problems with mobile Android device (default browser), like in the picture:

How can I solve that ?
Thanks

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528312

@ gruppoarancione,

At present, I can not access this site.

By the way, when I try this page, I saw it’s working fine.

---

Attachments:

1. 
2. 

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#528372

Sorry Nazario,
the site is now on http://www.arpinoturismo.it . I had removed custom.css

“Saguaros” suggests to me this solution: (on custum.css)
http://www.joomlart.com/forums/topic/problem-with-android-default-browser/

<blockquote> @media (min-width: 768px){
.ja-footer {
margin-left: auto;
margin-right: auto;
position: relative;
width: 1050px;
}
}</blockquote>

it seems to work .

[arthurjohnston Friend arthurjohnstonJoin date: November 2010Posts: 170Downloads:152Uploads:16 Thanks: 58 Thanked: 27 times in 2 posts]

#528394

I have a question.

Assuming that Gruppoarancione has set the template background to “flowers” as in:

body {
background: url(“../../../templates/ja_mitius/images/flowers.jpg
}

Would the following work within custom.css?

ja-footer {
background: transparent;
}

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528719

@arthurjohnston,

Generally, you can declare the transparent background as above via the file custom.css to overlay image background.

If you need help on this, please provide us more details how you wish to achieve and your site url. I will give better suggestion then.

1 user says Thank You to Nazario A for this useful post

1. arthurjohnston

[Author]

Posts