Reduce space/ Css changes

kouliga

Dear all,

Please i would like to ask your help to eliminate space of the following elements as show the the picture below:
I would want the three elements (left, middle, right) to be in the same horizontal level at their top.
And i want to increase the search text area to make the search button on the level of the right rubric.

Thanks for your assistance.

regards,

aman204

kouliga Try add this to custom.css file :

.t3-sidebar .t3-module{margin-top:0 !important;}

Kindly ensure to clear your browser cache if changes dont reflect

kouliga

aman204 Hi, thanks for your reply. This one is Ok.
Now, it remains the search box text area. How to increase this search box area to make the search button on the level of the right rubric??

Thanks again

aman204

kouliga Now, it remains the search box text area. How to increase this search box area to make the search button on the level of the right rubric??

Try add this also to custom.css file and adjust width value accordingly:

.t3-sidebar .t3-module .search input#mod-search-searchword{width: 71.6% !important;}

kouliga

aman204 , Very good answer! But please, there is a way to change the button with a search icon??

Thanks

aman204

kouliga But please, there is a way to change the button with a search icon??

Kindly review as your admin details added in edit fields arent working now in order to take closer look and try suggest further as to how to achieve the desired result

kouliga

aman204 Hi, sorry for delayed answerd! It is okay now!

Thanks