Search Box

This topic contains 8 replies, has 2 voices, and was last updated by  Ranajeet Katake 4 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • March 30, 2020 at 4:25 pm #537434

    Ranajeet Katake
    Free User
    Post count: 55

    Hi, As shown in attached image, how can I adjust search box size on listing page without affecting the size of search box on home page.

    regards
    Ranajeet

    March 30, 2020 at 4:49 pm #537438

    Kor
    Moderator
    Post count: 16516

    Hi Ranajeet,

    Thanks for your post. You can use custom CSS to achieve this. Here is a link https://wpgeodirectory.com/docs/customizing-your-style/ for your reference.

    March 30, 2020 at 5:04 pm #537443

    Ranajeet Katake
    Free User
    Post count: 55

    Hi,
    I tried to adjust the size of search bar with below CSS code but it is also changing size on Home Screen search bar too. How can I do this on that page alone?

    body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search {
    display:flex;
    flex-wrap:wrap;
    margin:0 auto;
    width:90%;
    }

    March 30, 2020 at 5:06 pm #537444

    Kor
    Moderator
    Post count: 16516

    Hi Ranajeet,

    Thanks for your reply. Could you share the URL of the page in question so that I could check this out for you?

    March 30, 2020 at 5:09 pm #537445

    Ranajeet Katake
    Free User
    Post count: 55

    Hi, below is the page URL

    https://www.bizmarathi.com/places/category/property/

    March 30, 2020 at 5:32 pm #537450

    Ranajeet Katake
    Free User
    Post count: 55

    Hi Mainly I want to make it adjustable for Mobile Screens. On desktop I don’t have issues. For desktop alone I want to adjust as per my requirement.

    Ranajeet

    March 30, 2020 at 6:57 pm #537457

    Kor
    Moderator
    Post count: 16516

    Hi Ranajeet,

    Thanks for your reply. To target your archive page, you can use the custom CSS code below. Take note of the “.sd-archive” class. 

    body.sd-archive .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search {
display:flex;
flex-wrap:wrap;
margin:0 auto;
width:90%;
}
    March 30, 2020 at 6:59 pm #537458

    Ranajeet Katake
    Free User
    Post count: 55

    Sorry ignore my earlier mail.
    Below is the change I am looking.

    Mainly I want to make it adjustable for Mobile Screens. On desktop I don’t have issues. For mobile screen alone I want to adjust as per my requirement.

    Ranajeet

    March 30, 2020 at 7:40 pm #537461

    Ranajeet Katake
    Free User
    Post count: 55

    Hi, Its working. Thanks a lot

    Ranajeet

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket