Foren

footer problem-HELP

kawther JN, geändert vor 11 Jahren.

footer problem-HELP

Regular Member Beiträge: 103 Beitrittsdatum: 03.08.12 Neueste Beiträge
Hi,I have a problem with creating a Footer for my theme, I followed the exple mentioned in this link:
http://www.e-kon.be/blog/item/two-ways-to-embed-web-content-in-liferay-themes
I got the Footer embed but not the bottom of the page,I got it in the begining of the page.
In fact I've changed 4 files in the theme:
1-in "portal-normal.vm", I added the following line:
<div id="footer"> $ footerContent </ div>

2 - in "liferay-look-and-feel.xml" I added:
<settings>
<setting key="footer-article-id" value="footer" />
</ settings>

3 - in "init_custom.vm" I added:
# set ($ footerArticleId theme_settings.getProperty = $ ("footer-article-id"))
# set ($ footerContent journalContentUtil.getContent = $ ($ group_id, $ footerArticleId, null, "$ local", $ theme_display))

4 - in "custom.css" I added:
# footer {
position: relative;
margin-top:-150px; / * negative value of footer height * /
height: 150px;
clear: both;
}
As I said the Footer is not in the correct location (bottom of the page), I think the CSS I tried to apply (in # footer) was not applyed correctly, I dont know why.
thank you if you can help me.
Hans Kanns, geändert vor 11 Jahren.

RE: footer problem

New Member Beiträge: 10 Beitrittsdatum: 10.10.12 Neueste Beiträge
In my theme, there is a footer.vm in the same folder then the init_custom.vm.
The footer.vm contains the code:

<footer id="footer" role="contentinfo">
#if ($has_navigation || $is_signed_in)
#parse ("$full_templates_path/navigation.vm")
#end

<div class="clearer"></div>

$footer_social
</footer>

This is mentioned in the portal-normal.vm with this line:

#parse ("$full_templates_path/footer.vm")

The custom.css contains this:

/* -------- Footer -------- */

#footer {
background: url(../images/custom/footer_gradient.png) repeat-x #F6F6F6;
height: 101px;
text-align: center;

#navigation {
font: 15px;
padding: 31px 0 0;
width: 960px;

a {
color: #000000;
padding: 0 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;

&:hover {
color: $color;
}
}

li {
border-left: 1px solid #000000;
display: block;
float: left;

&.first {
border-left-width: 0;
}
}

ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
}

.clearer {
clear: both;
}
}

And there are no additional footer-Settings in the liferay-look-and-feel.xml. Maybe this can help a little.
Bradley Wood, geändert vor 11 Jahren.

RE: footer problem-HELP

Bradley Wood, geändert vor 11 Jahren.

RE: footer problem-HELP

kawther JN, geändert vor 11 Jahren.

RE: footer problem-HELP

Regular Member Beiträge: 103 Beitrittsdatum: 03.08.12 Neueste Beiträge
thank you Bradley Wood, I tried this but the footer is not getting in the bottom of the page !
still in the begining of the page emoticon
Bradley Wood, geändert vor 11 Jahren.

RE: footer problem-HELP

kawther JN, geändert vor 11 Jahren.

RE: footer problem-HELP

Regular Member Beiträge: 103 Beitrittsdatum: 03.08.12 Neueste Beiträge
#set ($footerContent = $journalContentUtil.getContent($group_id, $footerArticleId , null, "$locale", $theme_display))

I followed this exp: http://www.e-kon.be/blog/item/two-ways-to-embed-web-content-in-liferay-themes
Bradley Wood, geändert vor 11 Jahren.

RE: footer problem-HELP

kawther JN, geändert vor 11 Jahren.

RE: footer problem-HELP

Regular Member Beiträge: 103 Beitrittsdatum: 03.08.12 Neueste Beiträge
liferay-portal-6.1.0-ce-ga1