Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 2, 2020 at 12:25 pm #1227454
    Bramfietst

    Hi there,

    I created a custom search box/ This is the code:

    <form id="searchform" action="https://www.bramfietst.nl/" method="get">
<div style="text-align: center;"><input id="searchsubmit" class="button avia-font-entypo-fontello" type="submit" value="" />
<input id="s" autocomplete="off" name="s" type="text" value="" placeholder="Zoek op jouw plaatsnaam..." data-swplive="true" data-swpengine="default" data-swpconfig="default" aria-describedby="searchwp_live_search_results_5ede6fc967c8f_instructions" aria-owns="searchwp_live_search_results_5ede6fc967c8f" aria-autocomplete="both" />
<p id="searchwp_live_search_results_5ede6fc967c8f_instructions" class="searchwp-live-search-instructions screen-reader-text">When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.</p>

</div>
</form>

    The div should align in the center, but it doesn’t. Whats going wrong? How can I align a searchbox in the center of my page in the enfold theme?

    July 3, 2020 at 7:00 am #1227668
    Jordan Shannon

    Hey Bramfietst,

    Add this to quick css:

    #searchform{
    margin: auto;
    width: 30%;
    padding: 10px;
}

    Best regards,
    Jordan Shannon

    July 3, 2020 at 10:54 am #1227738
    Bramfietst

    Hi Jordan,

    I added the code to quick css, but it doesn’t work. The search box is still aligned at the left. Can you please take a look?

    Best regards,
    Bramfietst

    July 3, 2020 at 2:57 pm #1227767
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also clear the cache a few times over.

    Best regards,
    Jordan Shannon

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