Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 9, 2016 at 3:15 pm #629280
    jonrouse

    Hi,
    I would like to put an anchor link on the three images in an accordion slider so that when the user clicks the image, the page scrolls down to a portfolio grid.

    I have tried putting the portfolio grid inside a colour section to add the anchor link, but the portfolio grid is no longer full width, and I want it to be full width.

    I have attached a link to the page in question.

    I have also tried adding a code block containing something similar to below

    <div id="your-anchor"></div>

    but the code block leaves some space on the page, and I don’t want to change that. Can you please help.
    I include a link to the page in question below.

    Thanks in advance…

    May 9, 2016 at 3:17 pm #629283
    Yigit

    Hey jonrouse!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-anchor { clear: both !important; }

    Best regards,
    Yigit

    May 9, 2016 at 4:17 pm #629317
    jonrouse

    Thanks Yigit,

    That doesn’t work. I’ve left the code as “your-anchor” so you can see the page still.
    There is still an empty box where the code block appears.

    I see this when I inspect the page code

    <div id="after_full_slider_0" class="main_color av_default_container_wrap container_wrap fullsize"><div class="container"><div class="template-page content  av-content-full alpha units"><div class="post-entry post-entry-type-page post-entry-151"><div class="entry-content-wrapper clearfix">
<section class="avia_codeblock_section avia_code_block_0" itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_codeblock " itemprop="text"> <div id="your-anchor"></div> </div></section>
</div></div></div></div><!-- close content main div --></div>

    Any ideas?

    EDIT: I found this when googling the after_full_slider_0 bit.

    .page-id-151 #after_full_slider_0 .content {
min-height: 0!important;
padding: 0;
}

    Is this a bonafide fix?

    • This reply was modified 8 years, 7 months ago by jonrouse.
    May 10, 2016 at 6:13 pm #630161
    Vinay

    Hi,

    To make the portfolio section full width please use a stretched layout from Enfold > General Layout > Layout > stretched layout

    It appears you are currently using a boxed layout. The current structure will be difficult to modify using custom css to make the colorsection fullwidth.

    Best regards,
    Vinay

    May 10, 2016 at 6:23 pm #630169
    jonrouse

    I already fixed it. See my edit.

    May 11, 2016 at 2:24 pm #630736
    Yigit

    Hey!

    Yes, your solution is fine :)
    Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.