logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Change width of search box

Hi,

I want the Agoda search hotel box above the posts to have the width of 600px
and to add a little space between the search box and the header.

The code above the posts does not work if I don´t have have it in a widget, which I also have but as soon as I added the code above the posts the widget didn´t become visible on the blog..

www.thailandliving.se

What shall I do?

Thanks
Charlotte

This question has been answered.

Charlotte Raboff | 01/20/13 at 7:32am Edit
Tutorial: How to assign prize money

Previous versions of this question: 01/20/13 at 7:43am | 01/20/13 at 7:43am | 01/20/13 at 8:43am

(14) Responses

See a threaded view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    01/20/13
    8:29am
    Arnav Joy says:

    where is the search box ?

    also i did not get your point

    The code above the posts does not work if I don´t have have it in a widget, which I also have but as soon as I added the code above the posts the widget didn´t become visible on the blog..


    please explain..

  • avatar
    Last edited:
    01/20/13
    4:21pm
    phppoet says:

    You need to css your agola search box.

    put something like this before your code.

    <style type="text/css">
    #SearchBox {
    width:600px;
    height:80px;
    //all your search box design css code goes here
    }
    </style>
    <div id="SearchBox">
    <script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
    <script type="text/javascript">
    var AgodaSearch = new AgodaSearchBox({
    cid: 1410906,
    filterCityName: '',
    fixedCityName: false,
    fixedCityNameVisible:true,
    hotelID: '',
    checkInDateBefore:3,
    night:2,
    language:25,
    currencyCode:'SEK',
    newWindow: true,
    header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
    footer: '',
    style: 'Default',
    Element: 'SearchBox'
    });
    </script> </div>

    Previous versions of this answer: 01/20/13 at 4:21pm

  • avatar
    Last edited:
    01/20/13
    8:48am
    Charlotte Raboff says:

    Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

    I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

    <div id="SearchBox"> </div>
    <script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
    <script type="text/javascript">
    var AgodaSearch = new AgodaSearchBox({
    cid: 1410906,
    filterCityName: '',
    fixedCityName: false,
    fixedCityNameVisible:true,
    hotelID: '',
    checkInDateBefore:3,
    night:2,
    language:25,
    currencyCode:'SEK',
    newWindow: true,
    header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
    footer: '',
    style: 'Default',
    Element: 'SearchBox'
    });
    </script>

  • avatar
    Last edited:
    01/20/13
    8:48am
    Charlotte Raboff says:

    Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

    I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

    <div id="SearchBox"> </div>
    <script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
    <script type="text/javascript">
    var AgodaSearch = new AgodaSearchBox({
    cid: 1410906,
    filterCityName: '',
    fixedCityName: false,
    fixedCityNameVisible:true,
    hotelID: '',
    checkInDateBefore:3,
    night:2,
    language:25,
    currencyCode:'SEK',
    newWindow: true,
    header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
    footer: '',
    style: 'Default',
    Element: 'SearchBox'
    });
    </script>

  • avatar
    Last edited:
    01/20/13
    8:48am
    Charlotte Raboff says:

    Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

    I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

    <div id="SearchBox"> </div>
    <script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
    <script type="text/javascript">
    var AgodaSearch = new AgodaSearchBox({
    cid: 1410906,
    filterCityName: '',
    fixedCityName: false,
    fixedCityNameVisible:true,
    hotelID: '',
    checkInDateBefore:3,
    night:2,
    language:25,
    currencyCode:'SEK',
    newWindow: true,
    header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
    footer: '',
    style: 'Default',
    Element: 'SearchBox'
    });
    </script>

  • avatar
    Last edited:
    01/20/13
    8:49am
    Charlotte Raboff says:

    Sorry Arnav, I mean the Agoda Hotel Search box above the posts....

    I first put the java script code in a widget but then I wanted it above the posts. So when I put the same code above the posts and deleted the widget, the Agoda Hotel Search box was gone so I put the widget back which is not visible when the Agoda box is above the post... strange, I know.

    <div id="SearchBox"> </div>
    <script src="http://ajaxsearch.partners.agoda.com/partners/SearchBox/Scripts/Agoda.SearchBoxV2.js" type="text/javascript"></script>
    <script type="text/javascript">
    var AgodaSearch = new AgodaSearchBox({
    cid: 1410906,
    filterCityName: '',
    fixedCityName: false,
    fixedCityNameVisible:true,
    hotelID: '',
    checkInDateBefore:3,
    night:2,
    language:25,
    currencyCode:'SEK',
    newWindow: true,
    header: 'http://thailandliving.se/wp-content/themes/charlotteNew/images/header.jpg',
    footer: '',
    style: 'Default',
    Element: 'SearchBox'
    });
    </script>

  • avatar
    Last edited:
    01/20/13
    8:51am
    Arnav Joy says:

    can you provide me screenshot?

  • avatar
    Last edited:
    01/20/13
    8:53am
    Charlotte Raboff says:

    there is some error on this page when I try to reply:

    Oops! An Error Occurred
    The server returned a "500 Internal Server Error".

  • avatar
    Last edited:
    01/20/13
    8:54am
    Charlotte Raboff says:

    there is some error on this page when I try to reply:

    Oops! An Error Occurred
    The server returned a "500 Internal Server Error".

  • avatar
    Last edited:
    01/20/13
    1:05pm
    Arnav Joy says:

    you have to create this image to 600px

    http://img.agoda.net/images/affiliates/CmsLandingSearchBoxBg.gif

    also you have to edit some css to adjust new width.



  • avatar
    Last edited:
    01/20/13
    4:30pm
    Charlotte Raboff says:

    Hi, thanks.

    I just added your code but there is no different. Empty cache as well...

  • avatar
    Last edited:
    01/20/13
    4:35pm
    phppoet says:

    Can you come skype ?

    I will help you to solve your problem there.

    my skype is phppoet

  • avatar
    Last edited:
    01/20/13
    4:43pm
    Charlotte Raboff says:

    Hello again! It´s working now :-)

  • avatar
    Last edited:
    01/20/13
    4:44pm
    phppoet says:

    Undo the previous changes . open your default.css of your theme and replace this code around line 67

    #txtCitySearch {
    width: 267px;
    }


    with

    #txtCitySearch {
    width: 420px;
    }

This question has expired.



Christianto, Charlotte Raboff voted on this question.



Current status of this question: Completed



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.