Tagged: image slider
-
AuthorPosts
-
October 15, 2024 at 5:48 am #1469122
Hello :)
Is it possible to insert an image slider with 100% width without any margin or padding directly to the left and right border of the browser window on the front page?
Thanks in advance.
October 15, 2024 at 12:12 pm #1469146October 15, 2024 at 1:00 pm #1469151We want to realise something of our own, we just need a block that allows us to use the full width.
Does that work?- This reply was modified 1 month, 1 week ago by xela.
October 15, 2024 at 4:06 pm #1469167Hi,
I’m not sure that I understand your question, but there are fullwidth layout elements in the theme as well. Like Color Section and Grid Row for example.
Best regards,
RikardOctober 16, 2024 at 12:11 pm #1469222Hi,
I will make it clearer:We have duplicated a block with the panorama image and inserted a code block with a fictitious shortcode, which is then bordered again with countless wrappers that move it to the centre, see here:
<div id=”TEST-fullwidth2″ class=”avia-section av-m2bohkzt-37a3166820153a319345714868133aa main_color a via-section-default avia-no-border-styling avia-builder-el-10 el_after_av_section el_before_av_textblock avia-bg-style-scroll container _wrap fullsize”> <div class=”container av-section-cont-open”›
<div class=”template-page content av-content-full alpha units”y
<div class=”post-entry post-entry-type-page post-entry-16″>
<div class=”entry-content-wrapper clearfix”>
::before
<section class-“avia_codeblock_section avia_code_block_®” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”>
<div class-“avia_codeblock ” itemprop=”text”>[ANY-SHORTCODE]</div>
</ section>
:: after
</div>
</div>
</div>
‹! — close content main div –› after
</div>
</div>But it should look like this:
<div id=”TEST-fullwidth2″ class=”avia-section av-m2bohkzt-37a316682e0153a319345714868133aa main_color avia-section-default avia-no-border-styling avia-builder-el-10 el_after_av_section el_before_av_textblock avia-bg-style-scroll container_wrap fullsize”>[ANY-SHORTCODE]<div>
Can you help with that?
Thanks!- This reply was modified 1 month, 1 week ago by xela.
October 16, 2024 at 3:01 pm #1469234Hi,
That would take a lot of customisation unfortunately, it might be better if we would just try to give you some custom CSS to use?
Best regards,
RikardOctober 16, 2024 at 4:04 pm #1469247Yes, that would be fine.
Is there some CSS I could use to get it done?
ThanksOctober 16, 2024 at 5:56 pm #1469259Hi,
We would have to see the actual elements in order to help you out, a screenshot highlighting your intentions would help too.
Best regards,
RikardOctober 17, 2024 at 10:37 am #1469306Thanks for now, I think we will try to solve this with a custom element :)
October 17, 2024 at 4:44 pm #1469324Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard -
AuthorPosts
- The topic ‘Image Slider positioning’ is closed to new replies.