Afterburner - Footer width
-
-
- Fibie
- Newbie
- Posts: 10
- Thanks: 0
-
Hi there, I am tearing my hair out over something that should I reckon be simple to achieve. I have a fixed with afterburner - 980 px and its looking sweet but I want the footer to stretch across at 100% independent of the rest of the template. To achieve this I moved the main and wrapper divs to above the footer info in index.php and created a new div footer-wrapper and made it 100%
Index.php info
<div id="footer-wrapper">
<?php endif; ?>
<?php if ($this->countModules('bottom')) : ?>
<div id="footer">
<div class="footer-pad">
<jdoc:include type="modules" name="bottom" style="none" />
</div>
</div>
<?php endif; ?>
<?php if ($rockettheme_logo=="true") : ?>
<a href=" www.rockettheme.com "><span id="logo2"></span></a>
<?php endif; ?>
<jdoc:include type="modules" name="footer" style="afterburner" />
<jdoc:include type="modules" name="debug" style="none" />
</div>
</body>
</html>
css info
#footer-wrapper {width:100%;background:#eee}
Shouldn't that work?
If I make the template 100% in the joomla backend the footer works but the rest of the tempate floats left and I want the main wrapper div to sit in the middle.
What am I missing?
-
-
-
- Sean Habing
- Elite Rocketeer
- Posts: 1028
- Thanks: 1
-
Hello
Do you have a link you could pm me of your development site? There might be some other css causing conflicts.
Cheers
-
-
-
- Sean Habing
- Elite Rocketeer
- Posts: 1028
- Thanks: 1
-
Hello,
It looks like your footer is still within the wrapper div tags. if you pull it out and put it under that div it should expand the width of the site.
Hope this helps.
Cheers
-
-
-
- Fibie
- Newbie
- Posts: 10
- Thanks: 0
-
Hi there, I see the problem now and don't understand why - it makes no sense. I have the changes to index.php uploaded with a new div called footer-wrapper below the main and wrapper divs as described above and added the CSS to the relevant style sheet but when I look at the source file in the browser the changes are not there. They don't show up.
I keep thinking I must be havering but checked both by viewing the contents of index.php by ftp and through the template manager in joomla backend and the changes are there alright but when I view source in my browser the original code is still being used and that doesn't make sense at all to me.
Any ideas?
Fiona
-
-
-
- Sean Habing
- Elite Rocketeer
- Posts: 1028
- Thanks: 1
-
Hello Fiona,
It sounds like you might have caching on?
Try turning off the Joomla! cache.
Cheers
-
-
-
- Fibie
- Newbie
- Posts: 10
- Thanks: 0
-
Hi Sean,
The cache settings in global config are set to no - is there another setting somewhere?
I know its not my browser cache. I have already checked that.
I notice the template ini file is set to unwritable but I didn't think that would affect the css and index.php file changes I made.
Is there something I need to change within the ini file?
Thanks for your help, it's very much appreciated as I am completely stumped.
-
-
-
- Sean Habing
- Elite Rocketeer
- Posts: 1028
- Thanks: 1
-
Hello,
Hmmm that is indeed strange. as i can see it not working as well.
are you sure you are editing the correct index.php? also when you edit the index.php in the template does it save so you an view it next time? have you tried editing this outside of joomla?
Cheers
-
-
-
- Fibie
- Newbie
- Posts: 10
- Thanks: 0
-
Tried uploading all sorts of ways - it must be a caching issue somewhere but just can't work out where.... there are other css changes not showing up now after uploading an updated light4.css
eg #showcase img {padding:0; margin:0;} to get rid of the extra padding to the left of the image on the showcase position on the calendar page.
Let me know if you have any ideas
-
-
-
- Sean Habing
- Elite Rocketeer
- Posts: 1028
- Thanks: 1
-
Hello,
Would it be possible to get the Super Admin details pm'd for you site?
I would be happy to look.
Cheers
-
Time to create page: 0.051 seconds