[SOLVED] full width for module in position bottom-b
- tobiaskueng
- Offline Topic Author
- Fresh Boarder
- Posts: 12
- Thank you received: 0
full width for module in position bottom-b was created by tobiaskueng
Posted 8 years 8 months ago #12737Is it possible to adapt a module so that it takes the full width of the site. Like Home Top B, but use this in the position bottom-b and to use it with its own background image, that covers the whole width of the site. In other words: I would like to use the Home Headerbar Slideshow in the position bottom-b, but it should cover the whole width.
thank you for your help
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic full width for module in position bottom-b
Posted 8 years 8 months ago #127381.) Connect via FTP to your Inspire template folder
1.) Create a folder: layouts into your current using styles: Example = styles/your-style/layouts/
1.) Copy the org file from layouts/theme.php to your created layouts folder: Example: styles/your-style/layouts/theme.php
And now you can open/customize the file: styles/your-style/layouts/theme.php and search for the "bottom-b" Syntax.
Now you have to delete the whole DIV >> uk-container ( but not the section within the module)
See image below
Attachment uk-container.jpg not found
www.joomlaplates.de/dokumentation.html
Attachments:
Please Log in or Create an account to join the conversation.
- tobiaskueng
- Offline Topic Author
- Fresh Boarder
- Posts: 12
- Thank you received: 0
Replied by tobiaskueng on topic full width for module in position bottom-b
Posted 8 years 8 months ago #12742In the the directory /jp-interior/styles/ there are 3 directories (red-menu, dark-menu, blue-menu).
I assume, that I have to copy the theme.php to styles/layouts/theme.php?
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic full width for module in position bottom-b
Posted 8 years 8 months ago #12743dont customize the default style, it will be overwritten by theme updates.
You can duplicate the default style within customizer.
After that you have a new folder in your styles directory
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.
- tobiaskueng
- Offline Topic Author
- Fresh Boarder
- Posts: 12
- Thank you received: 0
Replied by tobiaskueng on topic full width for module in position bottom-b
Posted 8 years 8 months ago #12751<?php if ($this->count('bottom-b')) : ?>
<div id="bottom-b" class="bottom-b-outer uk-cover-background <?php echo $this->get('bottom-b-text-color'); ?>">
// <div class="uk-container uk-container-center">
<section class="<?php echo $grid_classes; echo $display_classes; ?>" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this->render('bottom-b', array('layout'=>$this->get('grid.bottom-b.layout'))); ?> </section>
// </div>
</div>
<?php endif; ?>
is this the correct code change?
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic full width for module in position bottom-b
Posted 8 years 8 months ago #12754Take this code below
<?php if ($this->count('bottom-b')) : ?>
<div id="bottom-b" class="bottom-b-outer uk-cover-background <?php echo $this->get('bottom-b-text-color'); ?>">
<section class="<?php echo $grid_classes; echo $display_classes; ?>" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this->render('bottom-b', array('layout'=>$this->get('grid.bottom-b.layout'))); ?> </section>
</div>
<?php endif; ?>
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.