How do i work on search module css?

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 225
Joined: Sat Nov 17, 2018 1:52 pm

How do i work on search module css?

Post by shaibustephen » Tue Mar 17, 2020 12:35 pm

I am trying to override and customize the search module to increase the width. What should i add or change in the css
Screenshot_2020-03-17 Home.png
as i want it to extend to the entire container space.
You do not have the required permissions to view the files attached to this post.

 
User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 26595
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: How do i work on search module css?

Post by Per Yngve Berg » Tue Mar 17, 2020 1:21 pm

Have you tried to open the module in Mdule Manager and set the Bootstrapsize to 12 under the Advanced Tab.
It may depend of the template you are using.

shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 225
Joined: Sat Nov 17, 2018 1:52 pm

Re: How do i work on search module css?

Post by shaibustephen » Tue Mar 17, 2020 1:29 pm

I have done so, yet it still remains at the normal position

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 26595
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: How do i work on search module css?

Post by Per Yngve Berg » Tue Mar 17, 2020 1:45 pm

Try with the Protostar template or give a link to the site.

shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 225
Joined: Sat Nov 17, 2018 1:52 pm

Re: How do i work on search module css?

Post by shaibustephen » Wed Mar 18, 2020 11:34 am


User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 26595
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: How do i work on search module css?

Post by Per Yngve Berg » Wed Mar 18, 2020 5:22 pm

Code: Select all

<input type="text" name="q" id="mod-finder-searchword99" class="search-query input-xxlarge" size="50" value="" placeholder="Search ..." autocomplete="off">
Changing "input-medium" to "input-xxlarge" does the trick.

shaibustephen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 225
Joined: Sat Nov 17, 2018 1:52 pm

Re: How do i work on search module css?

Post by shaibustephen » Wed Mar 18, 2020 6:27 pm

Ok. Thanks

 

Post Reply

Return to “Extensions for Joomla! 3.x”