Joomla Templates Club 406,261 posts

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#197060

Hello,

I would like to remove the big black area in the footer area.
I have draw cross marks to the are I would like to remove.
I have very small site that the top menu is enough for me, I do not need any thing in the bottom other than the copy right.
Also, I would like to remove the social network icon from the footer area and replace it with a text.

I did a mock for the footer.

1) remove the big black area
2) Add text in the center: Copyright © All Rights Reserved
3) replace the social network icons and have a text there or an image

Please help

---

Attachments:

1. 

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

#532321

So that we can try to best assist you, please temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings

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

#532322

You can also try the following . . . .

If you haven’t done so already, create a “custom.css” file within file path –> /templates/ja_biz/css

Place the following CSS code within the custom.css file . . .


.main-container {
margin: -200x 10px 0;
}

.t3-footer.container {
padding-bottom: 0;
}


See if that gets you a better result.

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532323

Thanks I have turn it on

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

#532324

<em>@okkhalid 423548 wrote:</em><blockquote>Thanks I have turn it on</blockquote>
Try the suggestions in Post #3 above . . . Let me know if that achieves a satisfactory result for you.

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532331

Hi, I placed the code to custom.css, but it did not work.

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

#532336

<em>@okkhalid 423558 wrote:</em><blockquote>Hi, I placed the code to custom.css, but it did not work.</blockquote>

This is the code you currently have within your custom.css:


.main-container {
}
.t3-footer.container {
padding-bottom: 0;
}

You need to update with the following (as suggested in Post #3 above)


.main-container {
margin: -200x 10px 0;
}
.t3-footer.container {
padding-bottom: 0;
}


[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532337

Please can you check now,
I have placed the code but still not doing any thing. thanks

.main-container {
margin: -200x 10px 0;
}
.t3-footer.container {
padding-bottom: 0;
}

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

#532338

Which version of JA Biz are you working with – J2.5 or J3.x?

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532339

I’m using Joomla 3.2.

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

#532342

I just looked again and this remains what you currently have in your custom.css:


.main-container {
}
.t3-footer.container {
padding-bottom: 0;
}

You still do not have the properties I suggested for the “.main .container” CSS rule.

Please enter the following properties for the “.main .container” CSS rule, and make sure your changes save.


.main-container {
margin: -200x 10px 0;
}


[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532343

That is strange, I have download the file custom.css and the new code is there.
I have PM you the backend login info, would you mind to have alook.

thanks,

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#532368

Go to this File: /templates/ja_biz/css/custom.css

Add this code

#t3-footer .row{
display:none;
}

#t3-footer .t3-copyright .row{
display:block !important;
}

#t3-footer .t3-copyright{
margin-top:0px !important;
}

.t3-footer.container{

padding-top :0px !important;
}

[okkhalid Friend okkhalidJoin date: November 2012Posts: 229Downloads:2Uploads:133 Thanked: 3 times in 1 posts]

#532480

Well done. thanks

[nubeet Friend nubeetJoin date: January 2014Posts: 8Downloads:0Uploads:1 Thanks: 2]

#538535

Im using joomla 3.3.
Template Information

Name:Ja Biz
Version:1.1.0
Released Date:22 May 2014

[Author]

Posts