Joomla Templates Club 406,261 posts

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#199132

I tried min-height value but it is useless.
Do we have another solution because if I do such configuration belong to screen size footer seems a little above
footer should stay and of the screen and if article too long footer should stop end of article. It must not come center of screen.

please look at pictures
first picture is I didnot do any configuration

I used 2 monitor for this configuration first monitor is 19 inc. second monitor 23 inc.

shown in 23 inc. monitor. but if you see picture footer came above I don’t want such thing it is terrible looking

---

Attachments:

1. 
2. 

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

#540177

Try adding this code to this file /templates/ja_university/css/template.css

#ja-footer{
position: fixed;
z-index: 999;
bottom: 0;
}

body > #ja-wrapper{
margin-bottom: 120px !important;
}

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540228

Sorry but I don’t want fixed function. footer should be end of the article. if article is too long, footer should come latest and when article is too short, footer should be at the bottom.

I applied your codes and below codes, both of them did not satisfy me, but in Ja Biz template it works. We applied these codes to Ja biz template with some div tag it works. As I understand this template configuration is a little different.

Can we do better?

html, body {
height: 100%;
}

body > #ja-wrapper {
min-height: 100%;
height: auto !important;
height: 100%;

margin-bottom: -50px !important;
}
#ja-footer {
margin: 0;
min-height: 0;
height: 80px !important;
bottom:0px;
}

Thanks
Best Regards.

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

#540355

ok Then try adding this to template.css :

#ja-container {
min-height: 350px;

}

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540370

sorry I thing I could not explained very well.
I cannot use Min height value because of screen size changeable depends on user. some person use 24″ another one use 19″ in this case min-height value will not help.

We moved footer line in Default.php in JaBiz template
We moved footer out of div tag and applied some css configuration

Can we do some configuration also for this template?

</div>

<?php $this->loadBlock(‘footer’) ?>

</body>

than in custom.css we used such configuration for it

html,body,
body > .t3-wrapper {
height: 100%;
}
body > .t3-wrapper > div {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -74px;
}
body > .t3-wrapper > div:first-child {
display: none;
}
body > .t3-wrapper .footer-main-container {
margin: 0;
min-height: 0;
height: 80px !important;
}

[wingly Friend winglyJoin date: February 2014Posts: 310Downloads:0Uploads:87 Thanks: 80 Thanked: 83 times in 48 posts]

#540374

@kadirgur;

Do you mean you want the footer to Always be on bottom of the screen?

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

#540438

Try this

Go to this File: /templates/ja_university/css/template.css

Add this code

@media (min-width: 400px) and (max-width: 650px) {
#ja-wrapper {
padding-bottom: 121px !important;
position: relative;
}
}
@media (max-width: 325px) {
#ja-wrapper {
padding-bottom: 121px !important;
position: relative;
}
}

#ja-navhelper{
display:none;
}

#ja-footer{
position:absolute;
}

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540511

footer should be end of the article or last of the screen. if article too long footer should be under the article I mean end of the screen.

for example
in first picture screen3 home page continue footer should be like this

Second picture is correctone.png announcement page, footer should be like this as you see footer position is last of the screen

---

Attachments:

1. 
2. 

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540631

Can you solve this Problem please?

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

#540719

Go to this File: /templates/ja_university/css/template.css

Replace this code


#ja-footer{
position:absolute;
}

with


#ja-footer{
position:absolute;
bottom:0;
}

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540782

if I use such configuration footer is became like below. because of article and information is longer than screen size. it is approximately 2 page because of this footer stack as it is.

this is which I need

Please check link below
http://demo.ibsu.edu.ge/tests/03/index.php/en/news-announcement/130-entrance-exam-for-master-programs-will-be-held-on

---

Attachments:

1. 

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#540788

If I use this configuration for this site when I scroll down Footer is coming center.

Footer should stay end of the article. Not end of the screen. If the article is too long footer must be end of the article. if article is too short (for example just one sentence ) footer should be end of the screen.

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#540905

Hi,

First, please add this rule to your custom.css file as described in another thread so that we can see how it looks:

html,body,
body > .t3-wrapper {
height: 100%;
}
body > .t3-wrapper > div {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -74px;
}
body > .t3-wrapper > div:first-child {
display: none;
}
body > .t3-wrapper .footer-main-container {
margin: 0;
min-height: 0;
height: 80px !important;
}

[kadirgur Friend kadirgurJoin date: February 2014Posts: 39Downloads:3Uploads:20 Thanks: 6]

#541043

Hi.
In this template there is not t3-wrapper configuration and I could not find relevant “.php” file

This codes are not acceptable for this template it don’t admit.

In default template codes different described. As below last row

<?xml version=”1.0″ encoding=”utf-8″?>
<layout name=”desktop”>
<!–Extra css load for this layout–>

<blocks name=”top” style=”xhtml”>

<block name=”absolute” type=”modules” style=”raw”>absolute</block>
<block name=”top-panel” type=”modules” style=”raw” main-inner=”1″>top-panel</block>
<block name=”header” type=”header” main-inner=”1″></block>
<block name=”mainnav” type=”mainnav” main-inner=”1″></block>
<block name=”cpanel” type=”usertools/cpanel”></block>
<block name=”masshead” style=”raw” no-main=”1″>masshead</block>
<block name=”slideshow” style=”raw”>slideshow</block>
<block name=”topsl” type=”spotlight”>user1, user2, user3, user4</block>
<block name=”topsl1″ type=”spotlight”>user5, user6 </block>
<block name=”topsl2″ type=”spotlight”> user7, user8, user9, user10, user11, user12</block>

<block name=”topsl3″ type=”spotlight”> user13, user14, user15</block>
</blocks>
<blocks name=”middle” colwidth=”25″>
<block name=”content-mass-top”>content-mass-top</block>
<block name=”right2″ >position-5</block>
<block name=”right1″>position-7</block>
<block name=”left”>position-1</block>
<block name=”component”>position-5</block>
</blocks>

<blocks name=”bottom” style=”xhtml”>
<block name=”botsl” type=”spotlight”>user16</block>
<block name=”botsl1″ type=”spotlight”>user17, user18, user19, user20</block>
<block name=”botsl2″ type=”spotlight”>user21, user22, user23, user24</block>
<block name=”navhelper” type=”navhelper”></block>

<block name=”footer” type=”footer”></block>
</blocks>

</layout>

---

Attachments:

1. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#541386

Hi,

I have checked your site and did see that class, could you please clarify a little bit so I can assist you better ?

[Author]

Posts