Return to previous page

Reduce element - by watcha - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

watcha

Participant

September 1, 2017 at 17:51

Hi,

Can you help me to achieve below 3 things please?

Screenshot here: https://prntscr.com/gfw7qs

1 – Reduce size of top bar

2 – Reduce size of the search box

3 – Minimise space between copyright and footer

Please let me know if you have any questions.

Thank you in advance.

#171429 Copied Theme version: Electronics WooCommerce version: 3.1.2

6 Answers
Amzy Leel

Participant

September 3, 2017 at 06:49
Hi,

Add this css code in 8theme optons >> styling >> custom css >> global custom css
```
.top-bar { line-height: 1.86rem; }
.topbar-widget.etheme_widget_socials .et-follow-buttons a { height: 1.86rem; }
```
#171455 Copied
Amzy Leel

Participant

September 3, 2017 at 06:58
3)
```
.footer .footer-widget { margin-bottom: 0; }
.footer-bottom { padding-top: 0; }
```
#171456 Copied
watcha

Participant

September 4, 2017 at 09:56

Thank you so much, Amzy.

So I guess no way to reduce search box size?

Regards.

#171497 Copied
Rose Tyler

Support staff

September 4, 2017 at 10:32
Hello,
```
 .header-wrapper.header-advanced .header-search.act-default input[type="text"],
 .header-wrapper.header-advanced .header-search.act-default div.fancy-select div.trigger {
  height: 38px;
 }
 .header-wrapper.header-advanced .header-search.act-default div.fancy-select div.trigger {
  line-height: 38px;
 }
 .header-wrapper.header-advanced .header-search.act-default #searchform .btn {
  height: 40px;
 }
 .header-wrapper.header-advanced .header-search.act-default div.fancy-select div.trigger:after {
  top: 18px;
 }
```
Regards
#171505 Copied
watcha

Participant

September 4, 2017 at 13:47

This is fantastic!

Thank you very much.

Regards.

#171535 Copied

Rose Tyler

Support staff

September 4, 2017 at 14:38

You’re welcome!

Regards

#171540 Copied
Viewing 7 results - 1 through 7 (of 7 total)