End of Support for Joomla 3 - Forum closed

[SOLVED] full width for module in position bottom-b

full width for module in position bottom-b was created by tobiaskueng

Posted 8 years 8 months ago #12737
Good day
Is 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.

Replied by joomlaplates on topic full width for module in position bottom-b

Posted 8 years 8 months ago #12738
Yes its possible with an theme override.
1.) 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

Last Edit:8 years 8 months ago by joomlaplates
Attachments:
Last edit: 8 years 8 months ago by joomlaplates.
The following user(s) said Thank You: tobiaskueng

Please Log in or Create an account to join the conversation.

Replied by tobiaskueng on topic full width for module in position bottom-b

Posted 8 years 8 months ago #12742
I use the default style. I only have a theme.php in the directory /templates/jp-interior/layouts/.
In 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.

Replied by joomlaplates on topic full width for module in position bottom-b

Posted 8 years 8 months ago #12743
Hi there,
dont 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
The following user(s) said Thank You: tobiaskueng

Please Log in or Create an account to join the conversation.

Replied by tobiaskueng on topic full width for module in position bottom-b

Posted 8 years 8 months ago #12751
I duplicated the default style and applied the changings in the copied theme.php like this:
<?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.

Replied by joomlaplates on topic full width for module in position bottom-b

Posted 8 years 8 months ago #12754
No youre wrong:
Take 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; ?>

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License