Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • November 16, 2017 at 4:53 pm #877608
    Devo

    Hello,

    Question about the Search Form/Widget:

    I want to remove the icon on the right and also the (in my case) blue coloured block. So i’ve only kept the white minimal search bar.
    Is this possible?

    Search Form

    And what code do i need to add to custom CSS to resize the bar? And can i change the text “search” with ”search for help”?

    Thanks in advance!
    Nick

    • This topic was modified 6 years, 5 months ago by Devo.
    November 18, 2017 at 10:38 am #878458
    Rikard

    Hey Devo,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 20, 2017 at 1:42 pm #879108
    Devo

    Link can be found in de private content.

    November 21, 2017 at 8:45 am #879554
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #searchsubmit {
  display:none;
}

#s::placeholder {
  content:"Your text";
}

    Best regards,
    Rikard

    November 21, 2017 at 12:09 pm #879669
    Devo

    Yes first commandline is working! Only the custom search text (in the searchbar) is not changing. Any idea?

    And how can i fix the main menu bar? I don’t want the text AND icon. I only want the hamburger icon right on top. Is this possible? So it don’t shows the page-names on top in the main menu. If i change it in Enfold -> Main Menu -> General -> Menu Items for Desktop, nothing happens.

    • This reply was modified 6 years, 6 months ago by Devo.
    November 24, 2017 at 1:40 pm #881177
    Devo

    Any idea how to fix this?

    November 24, 2017 at 9:52 pm #881411
    Basilis

    Hi,

    Your web site returns an error that it does not exist, can you check it please?

    Best regards,
    Basilis

    November 26, 2017 at 12:48 pm #881870
    Devo

    Check this link:

    November 27, 2017 at 6:33 am #882104
    Ismael

    Hi,

    Please use the following filter to change the placeholder value.

    add_filter('avf_frontend_search_form_param', avf_frontend_search_form_param_mod, 10, 1 );
function avf_frontend_search_form_param_mod( array $params )
{
	$params['placeholder'] = __('My Search','avia_framework');
	return $params;
}

    Best regards,
    Ismael

    November 27, 2017 at 12:10 pm #882178
    Devo

    Hi Ismael,

    Unfortunately it does not work :(
    Any other solution?

    November 28, 2017 at 5:53 am #882517
    Ismael

    Hi,

    The filter works on our installation. How did you add the search bar? Please post the login details in the private field so that we check it.

    Best regards,
    Ismael

    December 7, 2017 at 5:53 pm #886178
    Devo

    Hi Ismael,

    Still have 3 issues with my theme. Hope you can help :)

    1:
    How can i reduce the space between posts/articles in the sidebar widget?

    Space between posts

    2:
    How can i change the word “search” in the search box in something else like “Search article”
    And how can i change the border color of the search box?

    Search Box Issue

    3:

    How can i make my sidebar “sticky” and prevent to be overlayed by the footer/socket?

    sticky sidebar issue

    I used this code in my Quick CSS, but how can i fix the problem on the image.

    #top #main .sidebar {
    position: fixed;
    top: 7%;
    right: 190px;

    Q2W3 Fixed Widget plugin does not work properly so i prefer using Quick CSS or someting else for the overlay fix.

    Thanks in advance!

    Kind regards,

    Devo

    • This reply was modified 6 years, 5 months ago by Devo.
    December 12, 2017 at 2:56 am #887671
    Ismael

    Hi,

    1.) Remove the br tag. Replace the markup with the list tag.

    // https://www.w3schools.com/html/html_lists.asp

    2.) Please add this code in the functions.php file.

    // custom script
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() {
?>
<script type="text/javascript">
(function($) {
	$('#s').attr('placeholder', 'Search article')
})(jQuery);
</script>
<?php
}

    3.) Unfortunately, this will require modifications that are beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable. If you need to do it yourself, you can start with the following css codes.

    #top #main .sidebar {
    position: fixed;
    top: 3%;
    right: 190px;
    padding: 30px 0 50px 0;
    z-index: 1000;
    font-size: 13px;
}

    Please create different threads or posts for each inquiry.

    Best regards,
    Ismael

    December 12, 2017 at 2:26 pm #887941
    Devo

    Thanks for your comment Ismael!

    1. How can i remove the <br> in the build-in “recent post” widget? Can’t see where to edit? Or is there some code i can add to the custom css?
    2. Works! Perfect!
    3. Already find a fix, but how can i add a scroll bar (overflow-y: scroll) to the sidebar? And how to style this? And is possible to show the scroll bar, only when it’s needed?

    Kind regards,
    Devo

    December 14, 2017 at 2:09 am #888688
    Ismael

    Hi,

    1.) It’s actually a text widget so you have to edit it manually.

    NEXT br
MATERIAL br
SOFTWARE

    2.) Great!

    3.) Looks like the sticky sidebar is working as expected.

    Best regards,
    Ismael

    December 14, 2017 at 4:05 pm #888934
    Devo

    Thanks Ismael! For now i’m happy and everything works like a charm.

    Great support (again)!!

    • This reply was modified 6 years, 5 months ago by Devo.
    December 15, 2017 at 12:57 am #889170
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Edit the Search Box’ is closed to new replies.