Joomla Templates Club 406,261 posts

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

#200239

Hello,
How I can resize the footer info, there is noting in the backend that enable me to change the size.
Please help thanks.

---

Attachments:

1. 

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

#544473

Which section, specifically, on YOUR site are you wanting to reduce?

Can you provide a screenshot of the footer area of YOUR site?

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

#544484

Hi Please see the attached image, I would like to reduce the position :footer-info.
as now its taking a big size in the footer area.

---

Attachments:

1. 

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

#544488

Try This . . . .

If you have not yet done so, create a new file called “custom.css” within file path –> /templates/ja_medicare/css/

Within that custom.css file, paste the following CSS rule:


.footer-info {
width: 250px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Of course, you can modify the pixel value for the width property to whatever you wish.

Is that along the lines of what you were looking to accomplish?

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

#544500

Hi, i did not work.
What is i’m looking for is to remove the position: Footer-info.
and have 3 equal positions ,please see the image.

I set the Footer-info to none

the I tried to have
Footer-2
footer-3
footer-4
as equal and it shows in the back end its equal but in the real site every thing scrambled to one area.

Also I need to reduce the heights of these potions as they are too big.

Please help.

---

Attachments:

1. 
2. 

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

#544505

Try adding/modifying the following within your custom.css file:
(again, the file path should be –> /templates/ja_medicare/css/custom.css )


.footer-info {
padding-top: 30px;
width: 250px;
}

.t3-footnav {
padding: 30px 0;
}

Again, you can adjust the “padding-top” property to whatever pixel value you wish.

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

#544525

Hi, it works at 50%, but its still scrambled to the left and there is a big gap on the right, in addition its not equal.

Also, I inserted a table but there is a board that I did not create, and it seems coming from the template.

---

Attachments:

1. 
2. 

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

#544527

Try adding this to your custom.css file:


.col-lg-6 {
width: 75%;
}

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

#544532

perfect it worked, but I still have the boarders for this

---

Attachments:

1. 

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

#544533

Add this to your custom.css file:


td, tr td {
border-top: medium none;
}

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

#544534

Great Thank you so much

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

#544536

<em>@okkhalid 439526 wrote:</em><blockquote>Great Thank you so much</blockquote>

You’re most welcome . . . All the best with your continuing site development. 😎

[Author]

Posts