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 10 years, 4 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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Participant

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

Gursimran18

Participant

February 14, 2015 at 21:56

how to add price filter as shown in your theme demo

#42386 Copied

Eva Kemp

Participant

February 14, 2015 at 23:21

Hello,

You need use Woocommerce Price Filter widget and add it to Shop sidebar in Appearance > Widgets.

Thank you.
Regards,
Eva Kemp.

#42407 Copied

Gursimran18

Participant

February 15, 2015 at 12:37

Which Widget i should use in shop side-bar for filters.

#42447 Copied

Eva Kemp

Participant

February 16, 2015 at 12:50

Hello,

Please use Woocommerce layered nav widget to have filters for categories.

Thank you.
Regards,
Eva Kemp.

#42583 Copied

Gursimran18

Participant

February 17, 2015 at 17:01

#43036 Copied

Eva Kemp

Participant

February 17, 2015 at 18:01

Hello,

Please provide us with a link to a single product page.

Thank you.
Regards,
Eva Kemp.

#43058 Copied

Gursimran18

Participant

February 17, 2015 at 19:59

http://goforkart.com/product/nokia-lumia-730/

#43096 Copied

Gursimran18

Participant

February 17, 2015 at 20:14

Hey i also want to remove more info and review tabs from single product

#43099 Copied
Eva Kemp

Participant

February 18, 2015 at 00:03
Hello,

Please add this code in custom.css:

.single-product-page .product-info .tagged_as { display: none; }

Please refer to Woocommerce documentation how to remove tabs:
http://docs.woothemes.com/document/editing-product-data-tabs/

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

Participant

February 18, 2015 at 05:15

where to add this code in wordpress
add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98 );

function woo_remove_product_tabs( $tabs ) {

unset( $tabs[‘description’] ); // Remove the description tab
unset( $tabs[‘reviews’] ); // Remove the reviews tab
unset( $tabs[‘additional_information’] ); // Remove the additional information tab

return $tabs;

}

#43204 Copied
1 2 3 … 6 7 8 →

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