Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TC.K

    (@wp_dummy)

    Hi, you can try use css to do so.
    Using these id and class for the submit button.

    /*id of search button*/
    #awqsf_submit{}
    /*search button div and label*/
    p.awqsf-button{text-align:center;width:90%;}

    Thread Starter AK1977

    (@ak1977)

    #awqsf_submit{} did not have any effect. I used p.awqsf-button{text-align:center;width:90%;} but image is shwowing at back and large Search with gray background still dominated

    You can see it here https://www.villaszilic.com

    Plugin Author TC.K

    (@wp_dummy)

    From what I saw from your site, there are two css classes you need to modify.

    p.awqsf-button {
    right: 0;
    top: 0;
    margin: 5px;
    position: absolute;
    background: url('https://villaszilic.com/wp-content/themes/luxury/images/search_button.png') no-repeat;
    }
    
    div#trazilicaHome input {
    width: 175px;
    height: 30px;
    margin: 0 0 0 10px;
    padding-left: 5px;
    font-size: 16px;
    color: #000;
    border: 0;
    background: url(images/pz-trazilica.gif) no-repeat left top;
    }

    in order to use #awqsf_submit{}, you may need to add input[type=submit] in front of it and override the content in your div#trazilicaHome input css.
    Eg.

    input[type=submit]#awqsf_submit{
    width: 175px;
    height: 30px;
    margin:0;
    padding-left: 5px;
    font-size: 16px;
    color: #000;
    border: 0;
    background: url(images/pz-trazilica.gif) no-repeat left top;
    }

    Thread Starter AK1977

    (@ak1977)

    Thanks for your quick help and hints. I managed to fix it by your help. Anohter question though:
    How can I use different css styles for different forms, e.g. I want to show one form at top horizonal where drop boxes will be in horizontal style (different from default look of this plugin). But I want to use anohter search as a sidebar widget with default style of this plugin, like dropboxes in vertical.

    I will appreciate for any help.

    Plugin Author TC.K

    (@wp_dummy)

    Well, each form has an id for it such as ‘awqsf_search_form_16’, 16 is the form id. You can play around with it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Replace Image at Search button’ is closed to new replies.