Joomla Templates Club 406,261 posts

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#705983

Can I have footer like that in attachment, horizontal and without so big brown area like now…

The web site is odvjetnici-krivic-krivic-acimovic.hr/administrator

Thank you very much

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

#706097

You can try this . . . . . .

Within file path –> /templates/ja_biz/css/themes/green/bootstrap.css
at line 955, modify as follows:


.col-lg-3 {
width: 100%;
}

Then, to modify the text color . . . .

Within file path —> /templates/ja_biz/css/themes/green/template.css
at line 4242, modify as follows:


.footer-info {
color: #fff;
font-size: 11px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. msilac

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

#752314

You can try this . . . . . .

Within file path –> /templates/ja_biz/css/themes/green/bootstrap.css
at line 955, modify as follows:


.col-lg-3 {
width: 100%;
}

Then, to modify the text color . . . .

Within file path —> /templates/ja_biz/css/themes/green/template.css
at line 4242, modify as follows:


.footer-info {
color: #fff;
font-size: 11px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

1 user says Thank You to TomC for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#706157

Yes, thank you, but how to lower all that brown area… to be like in screenshot (at least like that)?

Thank you

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#752374

Yes, thank you, but how to lower all that brown area… to be like in screenshot (at least like that)?

Thank you

[Tudx Friend TudxJoin date: December 2012Posts: 16Downloads:0Uploads:0 Thanked: 4 times in 5 posts]

#706654

Hi msilac,

Firstly, please set the padding on “t3-footer” class to 20px:

http://i.imgur.com/dTf7knx.png

Second, remove the padding and margin on “copyright” class:

http://i.imgur.com/64FKBe7.png

and remove the “t3-copyright” class:

http://i.imgur.com/MqjHQn6.png

and remove the margin on “p” tag:

http://i.imgur.com/lHUkaLS.png

You will get the layout as you wish:

http://i.imgur.com/iIxL4Gw.png

1 user says Thank You to Tudx for this useful post

1. msilac

[Tudx Friend TudxJoin date: December 2012Posts: 16Downloads:0Uploads:0 Thanked: 4 times in 5 posts]

#752570

Hi msilac,

Firstly, please set the padding on “t3-footer” class to 20px:

http://i.imgur.com/dTf7knx.png

Second, remove the padding and margin on “copyright” class:

http://i.imgur.com/64FKBe7.png

and remove the “t3-copyright” class:

http://i.imgur.com/MqjHQn6.png

and remove the margin on “p” tag:

http://i.imgur.com/lHUkaLS.png

You will get the layout as you wish:

http://i.imgur.com/iIxL4Gw.png

1 user says Thank You to Tudx for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#706698

I have change like you write, but big brown “part” is still here and as I see on chrome browser text is still vertical, not horizontal. In firefox text is horizontal

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#752594

I have change like you write, but big brown “part” is still here and as I see on chrome browser text is still vertical, not horizontal. In firefox text is horizontal

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#718852

<em>@msilac 498891 wrote:</em><blockquote>I have change like you write, but big brown “part” is still here and as I see on chrome browser text is still vertical, not horizontal. In firefox text is horizontal</blockquote>

You can add the css style below into templates/ja_biz/css/themes/green/template.css file

@media screen and (min-width: 992px) {
.t3-footer.container {
padding-top: 20px !important;
padding-bottom: 0px !important;
}
}


Hope it helps

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#752791

<em>@msilac 498891 wrote:</em><blockquote>I have change like you write, but big brown “part” is still here and as I see on chrome browser text is still vertical, not horizontal. In firefox text is horizontal</blockquote>

You can add the css style below into templates/ja_biz/css/themes/green/template.css file

@media screen and (min-width: 992px) {
.t3-footer.container {
padding-top: 20px !important;
padding-bottom: 0px !important;
}
}


Hope it helps

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

#718987

msilac:

Let us know if the above additional suggestions helped to resolve your issue.

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

#752824

msilac:

Let us know if the above additional suggestions helped to resolve your issue.

[Author]

Posts