Search Widget

[Rahim]

Hi Harry,

As you know in the RTL, we start writing from the right, so the search widget on the blog should be fixed.

The field should have rtl direction and right text align and the button should go on the left.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

[dir="rtl"] .widget .search-form label, [dir="rtl"] .widget .woocommerce-product-search .search-field {
	float: right;
	text-align: right;
}
[dir="rtl"] .widget .woocommerce-product-search input[type="submit"], [dir="rtl"] .widget .search-form .search-submit {
	float: left;
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

When I start typing, I see a “x” in the field. How can I hide it? Look.ir/mag

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

You mean “x” on mobile? It default of mobile device, can’t remove.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

No Harry,

Try to start writing on the search widget, you will see a small blue x.

I mean that.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Please take a screenshot, i don’t see this.http://prntscr.com/l9j2vd

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

On my screen http://prntscr.com/l9plb3 it’s feature of browser and can’t remove it.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

I see this only on Chrome but it’s fine. 🙂

Can you please help me to increase the search field a bit more. Look.ir/mag

It has some useless free space.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please add below code

[dir="rtl"] .widget .search-form label, [dir="rtl"] .widget .woocommerce-product-search .search-field {
	width: calc(100% - 105px);
}
[dir="rtl"] .widget .search-form .search-field {
	padding: 0 5px;
	margin-left: 0;
}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts