• 

  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