Hi folks,

I'd like to expand the width of the footer text to the perceived width of the template. I was able to make some changes via custom.css, but I couldn't get the width the whole way. I'm wondering if I need to go here?

t3-framework.org/documentation/customization.html

Thanks and cheers,

Bill

Is this for moments?

sorry need to check

Cheers
Paul

Yes, sir!

Thank you,

Bill

Sorry I should have checked what layout are we looking at?

the full width layout or the narrower article width

Cheers
Paul

Well, that's actually a good question. How do I know? It seems that the website sometimes uses one, and sometimes uses the other? Sorry for such a dumb question…

I should have phrased that a bit better - can you provide a page that you want to change the width of the copyright used?

some pages may be full width and some will have a definded width

Cheers
Paul

ah, ok. well one example is the home page:

www.asknelly.com

thanks, bill

Hi Bill,

So try adjusing the spans

<div class="span8 copyright">
<jdoc:include type="modules" name="<?php $this->_p('footer') ?>" style="jbChrome" />
</div>
<div class="span4">
<div id="zen-copyright">
<?php if (!$this->params->get('copyright')) { ?>
<a class="jblink" target="_blank" href="www.joomlabamboo.com"><span>Joomla Template by Joomlabamboo</span></a>
<?php } else {
echo $this->params->get('customcopyright');
}?>
</div>
</div>


maybe span10 and span2?

is the path to the file - templates\moments\tpls\blocks\footer.php

Cheers
Paul

Hmmm…well, that does make it wider, but the width of the footer keeps changing as the window is resized. Sometimes it's wider than the rest of the website.

www.asknelly.com

It seems like the footer should always be the width of the article preview blocks. Any thoughts on how to do that?

Thanks, Bill

Would the problem be that the screen is too narrow for say three blocks so the site adjusts to 2 as width?

So the website in that case would look narrower but isn't really - its just the content can't fit another block in there

It would be possible to adjust using media queries depending on what widths you wanted to target

@media (max-width: 1150px) {
.zen-copyright .row-fluid .span10 {width: 100%;}
.zen-copyright.row-fluid .span2 {width: 0%;}
}

this example makes the span10 have 100% width at 1150px and smaller and span2 being 0%

or you use

@media (min-width: 768px) and (max-width: 979px) {

.zen-copyright .row-fluid .span10 {width: 100%;}
.zen-copyright.row-fluid .span2 {width: 0%;}
}

so it would be 100% width between 768px and 979px in this example

so you could alter widths as required slightly complicated but you could tweak it

Cheers
Paul

I'll try, thanks!

Good luck with it

Cheers
Paul