Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#182545

Hi there,

I would like to remove the red footer/background image from JA Mixmaz, let me show you in an image.

You see the red where my Copyright footer is, well how do I remove the red image/footer so that it is plain black?

Second question, how do I change the content area colour? At the minute the text body/content area is white but I would like to change this to black.

Thanks in advance anyone that helps

---

Attachments:

1. 

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

#474315

Hi Gringo,

In order to change background of footer:
Go to this file

templates/ja_mixmaz/css/template.css
Find these lines:

#ja-footer {
background: url("../images/pattern-red.jpg") repeat scroll left top #E31837
padding: 50px 0 130px;
}
Remove property background.
The red footer background are two images, there is one image with diagonal white line (http://vallartarealty.com/templates/ja_mixmaz/images/bkg-diagonal-navhelper.png ).
Please use source provide in download package, remove the red one, create a new image then override above image.

<blockquote>Second question, how do I change the content area colour? At the minute the text body/content area is white but I would like to change this to black.</blockquote>
At this time your text is in dark color, your background is black too, it will be hard to see it.
But, if you want to change, please go to:
templates/ja_mixmaz/css/template.css
Find these lines:

#ja-mainbody {
background: url("/templates/ja_mixmaz/images/pattern-w.jpg") repeat scroll 0 0 transparent;
}
Change property background:

#ja-mainbody {
background: #000000
}

1 user says Thank You to Luna Garden for this useful post

1. gringo211985

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#474402

<em>@Luna Garden 348052 wrote:</em><blockquote>Hi Gringo,

In order to change background of footer:
Go to this file

templates/ja_mixmaz/css/template.css
Find these lines:

#ja-footer {
background: url("../images/pattern-red.jpg") repeat scroll left top #E31837
padding: 50px 0 130px;
}
Remove property background.
The red footer background are two images, there is one image with diagonal white line (http://vallartarealty.com/templates/ja_mixmaz/images/bkg-diagonal-navhelper.png ).
Please use source provide in download package, remove the red one, create a new image then override above image.

At this time your text is in dark color, your background is black too, it will be hard to see it.
But, if you want to change, please go to:
templates/ja_mixmaz/css/template.css
Find these lines:

#ja-mainbody {
background: url("/templates/ja_mixmaz/images/pattern-w.jpg") repeat scroll 0 0 transparent;
}
Change property background:

#ja-mainbody {
background: #000000
}
</blockquote>

Hi Luna,

Thanks for the help, I have managed to remove the footer and change the main content body. I am having another problem with 2 white/grey lines that are showing up let me show you,

How can I get rid of those white/grey lines?

One last question, If I wanted to change the entire background to a plain image instead of the patterned black, how would I do that?

Thanks for the help,
Richard

---

Attachments:

1. 

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

#474481

<em>@gringo211985 348154 wrote:</em><blockquote>Hi Luna,

Thanks for the help, I have managed to remove the footer and change the main content body. I am having another problem with 2 white/grey lines that are showing up let me show you,

How can I get rid of those white/grey lines?

</blockquote>

Hi,

To remove that white line, please go to:
<blockquote>templatesja_mixmazcsstemplate.css</blockquote>
Find these lines:

#ja-container .main .main-inner1 {
background: url(../images/dot-grey.gif) repeat-y 75% 0%;
margin-left: 0px;
margin-right: 0px;
}
Then remove the background.

1 user says Thank You to Luna Garden for this useful post

1. gringo211985

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#474514

Thanks Luna,

We can now mark this thread as solved, all your fixes worked perfectly!

Thank you very much for all the help it’s much appreciated.

1 user says Thank You to gringo211985 for this useful post

1. JA Developer

[Author]

Posts