Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.

    #1469146

    Hey xela,

    Did you try the Fullscreen Slider element?

    Best regards,
    Rikard

    #1469151

    We 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.
    #1469167

    Hi,

    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,
    Rikard

    #1469222

    Hi,
    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”&gt;
    <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.
    #1469234

    Hi,

    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,
    Rikard

    #1469247

    Yes, that would be fine.
    Is there some CSS I could use to get it done?
    Thanks

    #1469259

    Hi,

    We would have to see the actual elements in order to help you out, a screenshot highlighting your intentions would help too.

    Best regards,
    Rikard

    #1469306

    Thanks for now, I think we will try to solve this with a custom element :)

    #1469324

    Hi,

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Image Slider positioning’ is closed to new replies.