• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Marek
  • Private: No
  • Open Date: 30.10.18, 15:06
  • Opened by: Saada Michael
  • Closed by: Marek
  • Closed on: 05.11.18, 23:11
  • Reason: Closed
  • Comment: Glad to help!

Ticket #13171 - Increase the width of the search bar

Hi Marek, I take a look at those files Customercss1.css and generatedcss1.css but I can’t find where I can increase the width of the searchbar (in the header).
I want it to be around 200px, thanks for help.

Comments

Marek 31 Oct 2018, 09:42

Try following CSS:

#search_widget {max-width:200px}
Saada Michael 31 Oct 2018, 15:54

I tested this CSS and it does not work, the search bar size don’t change … I put this shortcode in the additional CSS, in the additional class of the search bar module and even in the .tpl of Alysum but nothing change,
I’m waiting for your help, regards.

Marek 01 Nov 2018, 10:42

It works for me. I just added that code to Theme Settings → Custom CSS

Saada Michael 05 Nov 2018, 09:20
Saada Michael 05 Nov 2018, 09:37

Sorry for the repost Marek, but I already pasted this code in Theme Settings → Custom CSS and nothing changed, even tried to put 600 instead of 200 to see a real change, but nothing.
Are you sure it worked ?

Marek 05 Nov 2018, 12:07

it works for me, but to be sure in 100% you can also add “width”, like here:
http://take.ms/V27cQ

Saada Michael 05 Nov 2018, 14:45

ho yes it work well now ! the only thing missing was that “width” CSS !
Thank you.