Return to previous page

How to increase search bar width and how to change its search icon color

This topic has 220 replies, 6 voices, and was last updated 8 years, 8 months ago ago by Jack Richardson

Gursimran18

Participant

February 8, 2015 at 17:19

Tell me how to increase search bar width and how to change its search icon color?

#40382 Copied

219 Answers
Eva Kemp

Support staff

February 8, 2015 at 20:45
Hello,

You can change search icon color only using some image editor because this icon is an image which is loaded from wp-content/themes/legenda/images/icon-zoom.png.
To increase search form width, add this code in custom.css file:
```
header .et-mega-search {
    width: 350px;
}
```
How to create custom.css is described in our video tutorial.

Thank you.
Regards,
Eva Kemp.
#40405 Copied
Gursimran18

Participant

February 9, 2015 at 05:06

I updated custom.css file as you say but their is not any change in search form. Please do this for me, i send you user name password of my wordpress in private content

Please, contact administrator
for this information.

#40441 Copied

Eva Kemp

Support staff

February 9, 2015 at 10:29

Hello,

Please give us with permissions to be able to view all settings in wp-admin panel.

Thank you.
Regards,
Eva Kemp.

#40464 Copied

Gursimran18

Participant

February 9, 2015 at 11:24

Yes, you have permission to do this

#40486 Copied
Eva Kemp

Support staff

February 9, 2015 at 16:44
Hello,

I’ve added this code in custom.css file:
```
.search .et-mega-search form input[type="text"] {
   width: 300px;
}
```
Please check the search form now.

Thank you.
Regards,
Eva Kemp.
#40603 Copied
Gursimran18

Participant

February 9, 2015 at 18:33

And how to add border color of search form and want put search bar in center of header, because i don’t want cart icons.

#40646 Copied
Robert Hall

Support staff

February 9, 2015 at 18:46
Hello,

Try to add this code into custom.css file
```
.top-cart-disabled .logo {
width: 250px !important;
}
```
Regards,
Robert Hall.
#40652 Copied
Gursimran18

Participant

February 9, 2015 at 19:40

Tell me how to change search form border color

#40674 Copied

Robert Hall

Support staff

February 9, 2015 at 19:54

Are you making any changes now? Here is screenshot of your site: http://prntscr.com/632yac

Regards,
Robert Hall.

#40679 Copied

Gursimran18

Participant

February 9, 2015 at 20:01

This is my website http://goforkart.com/, please tell me how to change border color of search form?

#40684 Copied
Robert Hall

Support staff

February 9, 2015 at 20:09
Please add this code into custom.css file.
```
.top-cart-disabled .header-type-2 .search input[type="text"]{
border: 3px solid green;
}
```
Regards,
Robert Hall.
#40691 Copied
Gursimran18

Participant

February 13, 2015 at 15:49

#41995 Copied
Eva Kemp

Support staff

February 13, 2015 at 16:58
Hello,

Sorry, but increasing width of the text can make it distorted.
You can increase font size with the code in custom.css and add some spacing between letters:
```
.et-mega-search .et-search-result ul {
    font-size: medium;
}
.et-mega-search .et-search-result ul a {
    letter-spacing: 0.3em;
}
```
Also you can try to decrease the size of search result box using this code:
```
.et-mega-search .et-search-result {
   width: auto;
}
```
Thank you.
Regards,
Eva Kemp.
#42075 Copied
Gursimran18

Participant

February 13, 2015 at 19:54

what are Static Blocks and where to use them?

#42130 Copied

Eva Kemp

Support staff

February 14, 2015 at 00:06

Hello,

You can use Static Blocks to create pop up window or footer.
Please read our documentation:
https://www.8theme.com/demo/docs/legenda/index.html#!/static_blocks

Thank you.
Regards,
Eva Kemp.

#42198 Copied

Gursimran18

Participant

February 14, 2015 at 06:14

How to add filters in categories

#42217 Copied

Robert Hall

Support staff

February 14, 2015 at 10:47

Hello,

This question is a bit unclear for us. Could you please clarify us with more details?

Regards,
Robert Hall.

#42249 Copied

Gursimran18

Participant

February 14, 2015 at 19:33

How to use different- different fillers in different categories sidebar

#42354 Copied

Eva Kemp

Support staff

February 14, 2015 at 20:57

Hello,

Sorry, but we don’t have such features. You can use Woocommerce widgets in Appearance > Widgets.

Thank you.
Regards,
Eva Kemp.

#42376 Copied
1 2 3 … 9 10 11

Viewing 20 results - 1 through 20 (of 220 total)