html - Joomla make module full width -
i want module in joomla 3.4.3 full width.
for example, have picture, should on page. if set
width="100%" it takes space used article, there white spaces on both sides, left , right. other modules, example slideshows, use whole width.
how can use space these modules do?
edit: added
<div style="margin-left:0px";"padding-left:0px";"margin-right:0px";"padding-right:0px"> <img src="images/slides/1.jpg" style="width:100%"/> </div> which doesn't change anything. image placeholder, later there going google-map why put div in.
index.php:
<?php /** * @version $id: index.php 26163 2015-01-27 17:11:55z james $ * @author rockettheme http://www.rockettheme.com * @copyright copyright (c) 2007 - 2015 rockettheme, llc * @license http://www.gnu.org/licenses/gpl-2.0.html gnu/gplv2 * * gantry uses joomla framework (http://www.joomla.org), gnu/gplv2 content management system * */ /* no direct access */ defined( '_jexec' ) or die( 'restricted index access' ); /* load mootools */ jhtml::_('behavior.framework', true); /* load , inititialize gantry class */ require_once(dirname(__file__) . '/lib/gantry/gantry.php'); $gantry->init(); /* current preset */ $gpreset = str_replace(' ','',strtolower($gantry->get('name'))); ?> <!doctype html> <html xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" > <head> <?php if ($gantry->get('layout-mode') == '960fixed') : ?> <meta name="viewport" content="width=960px"> <?php elseif ($gantry->get('layout-mode') == '1200fixed') : ?> <meta name="viewport" content="width=1200px"> <?php else : ?> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <?php endif; ?> <?php /* head */ $gantry->displayhead(); ?> <?php /* force ie use recent version */ if ($gantry->browser->name == 'ie') : ?> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <?php endif; ?> <?php $gantry->addless('bootstrap.less', 'bootstrap.css', 6); if ($gantry->browser->name == 'ie'){ if ($gantry->browser->shortversion == 8){ $gantry->addscript('html5shim.js'); $gantry->addscript('canvas-unsupported.js'); $gantry->addscript('placeholder-ie.js'); } if ($gantry->browser->shortversion == 9){ $gantry->addinlinescript("if (typeof rokmediaqueries !== 'undefined') window.addevent('domready', function(){ rokmediaqueries._fireevent(rokmediaqueries.getquery()); });"); $gantry->addscript('placeholder-ie.js'); } } if ($gantry->get('layout-mode', 'responsive') == 'responsive') $gantry->addscript('rokmediaqueries.js'); ?> </head> <body <?php echo $gantry->displaybodytag(); ?>> <div id="rt-page-surround"> <div class="rt-pagesurround-overlay"> <div id="rt-body-surround"> <?php /** begin header **/ if ($gantry->countmodules('header')) : ?> <div id="rt-header"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('header','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <div class="rt-header-fixed-spacer"></div> <?php /** end header **/ endif; ?> <?php /** begin slideshow **/ if ($gantry->countmodules('slideshow')) : ?> <div id="rt-slideshow"> <div class="rt-bg-overlay"> <?php echo $gantry->displaymodules('slideshow','basic','standard'); ?> <div class="clear"></div> <a class="rt-slideshow-scrollbottom" href="#rt-head-anchor" data-scroll><span class="rt-bottom-arrow"></span></a> </div> </div> <?php /** end slideshow **/ endif; ?> <?php /** begin head anchor **/ ?> <div id="rt-head-anchor"></div> <?php /** end head anchor **/ ?> <?php /** begin topfullwidth **/ if ($gantry->countmodules('topfullwidth')) : ?> <div id="rt-topfullwidth"> <?php echo $gantry->displaymodules('topfullwidth','basic','standard'); ?> <div class="clear"></div> </div> <?php /** end topfullwidth **/ endif; ?> <?php /** begin header surround **/ if ($gantry->countmodules('drawer') or $gantry->countmodules('top') or $gantry->countmodules('showcase')) : ?> <header id="rt-header-surround"> <div class="rt-bg-overlay"> <?php /** begin drawer **/ if ($gantry->countmodules('drawer')) : ?> <div id="rt-drawer"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('drawer','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end drawer **/ endif; ?> <?php /** begin top **/ if ($gantry->countmodules('top-')) : ?> <div id="rt-top"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('top-','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end top **/ endif; ?> <?php /** begin showcase **/ if ($gantry->countmodules('showcase')) : ?> <div id="rt-showcase"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('showcase','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end showcase **/ endif; ?> </div> </header> <?php /** end header surround **/ endif; ?> <?php /** begin main section **/ ?> <section id="rt-mainbody-surround"> <?php /** begin breadcrumbs **/ if ($gantry->countmodules('breadcrumb')) : ?> <div id="rt-breadcrumbs"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('breadcrumb','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end breadcrumbs **/ endif; ?> <?php /** begin feature **/ if ($gantry->countmodules('feature')) : ?> <div id="rt-feature"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('feature','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end feature **/ endif; ?> <?php /** begin utility **/ if ($gantry->countmodules('utility')) : ?> <div id="rt-utility"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('utility','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end utility **/ endif; ?> <?php /** begin expanded top **/ if ($gantry->countmodules('expandedtop')) : ?> <div id="rt-expandedtop"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('expandedtop','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end expanded top **/ endif; ?> <?php /** begin main top **/ if ($gantry->countmodules('maintop')) : ?> <div id="rt-maintop"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('maintop','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end main top **/ endif; ?> <?php /** begin main body **/ ?> <div id="rt-mainbody-wrapper"> <div class="rt-container"> <?php echo $gantry->displaymainbody('mainbody','sidebar','standard','standard','standard','standard','standard'); ?> </div> </div> <?php /** end main body **/ ?> <?php /** begin main bottom **/ if ($gantry->countmodules('mainbottom')) : ?> <div id="rt-mainbottom"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('mainbottom','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end main bottom **/ endif; ?> <?php /** begin expanded bottom **/ if ($gantry->countmodules('expandedbottom')) : ?> <div id="rt-expandedbottom"> <div class="rt-bg-overlay"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('expandedbottom','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> </div> <?php /** end expanded bottom **/ endif; ?> </section> <?php /** end main section **/ ?> <?php /** begin fullwidth **/ if ($gantry->countmodules('fullwidth')) : ?> <div id="rt-fullwidth"> <?php echo $gantry->displaymodules('fullwidth','basic','standard'); ?> <div class="clear"></div> </div> <?php /** end fullwidth **/ endif; ?> <?php /** begin footer section **/ if ($gantry->countmodules('extension') or $gantry->countmodules('bottom') or $gantry->countmodules('footer') or $gantry->countmodules('copyright')) : ?> <footer id="rt-footer-surround"> <?php /** begin extension **/ if ($gantry->countmodules('extension')) : ?> <div id="rt-extension"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('extension','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end extension **/ endif; ?> <?php /** begin bottom **/ if ($gantry->countmodules('bottom')) : ?> <div id="rt-bottom"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('bottom','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end bottom **/ endif; ?> <?php /** begin footer **/ if ($gantry->countmodules('footer')) : ?> <div id="rt-footer"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('footer','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end footer **/ endif; ?> <?php /** begin copyright **/ if ($gantry->countmodules('copyright')) : ?> <div id="rt-copyright"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('copyright','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end copyright **/ endif; ?> </footer> <?php /** end footer surround **/ endif; ?> </div> <?php /** begin debug **/ if ($gantry->countmodules('debug')) : ?> <div id="rt-debug"> <div class="rt-container"> <div class="rt-flex-container"> <?php echo $gantry->displaymodules('debug','standard','standard'); ?> <div class="clear"></div> </div> </div> </div> <?php /** end debug **/ endif; ?> <?php /** begin analytics **/ if ($gantry->countmodules('analytics')) : ?> <?php echo $gantry->displaymodules('analytics','basic','basic'); ?> <?php /** end analytics **/ endif; ?> <?php /** popup login , popup module **/ ?> <?php echo $gantry->displaymodules('login','login','popup'); ?> <?php echo $gantry->displaymodules('popup','popup','popup'); ?> <?php /** end popup login , popup module **/ ?> </div> </div> <?php if ($gantry->countmodules('slideshow')) : ?> <script> (function(){ var width, height = true; function initheader() { width = window.innerwidth; height = window.innerheight; largeheader = document.getelementbyid('rt-slideshow'); largeheader.style.height = height+'px'; document.getelementbyid('sprocket-features-img-list').style.height= height+'px'; } // main initheader(); })(); </script> <?php endif; ?> </body> </html> <?php $gantry->finalize(); ?>
the width going refer width of whatever container in. need write css works in context of whichever of containers in (unclear question). notice slideshow <div id="rt-slideshow"> <div class="rt-bg-overlay"> might try adding , see happens, may second 1 since 'bg-overlay'sounds promising. – elin 8 hours ago
Comments
Post a Comment