ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• April 3, 2017 at 9:10 pm #319502
  Fiorilla

  Member

  Post count: 6

  Hello,

  I am looking to change the header appearance and haven’t found how to achieve these two adjustments:

  1) How to reduce the header height? I tried this that I found on the forum, but it does not work:
  #main-nav ul.menu > li > a {
  padding: 5px 5px;
  }

  2) How do I reduce the space between the menu and the submenu (when you hover over « Cities », I would like the first city to appear a couple of millimeters below, instead of 1,5cm)

  3) Where can I increase the font used in the descriptions on the Product page (it’s smaller than what is used in posts and pages)?

  Many thanks for your help,

  Fiorilla

  April 5, 2017 at 4:04 pm #319824
  David Martin – Support

  Moderator

  Post count: 20834

  1,2) Disable the Global Header Banner via the Theme options. You have this active yet with no content.

  3) Please add this to Theme Options => Custom CSS:

  .woocommerce div.product .product-short > p {
      font-size: 18px;
  }

  April 5, 2017 at 9:16 pm #319846
  Fiorilla

  Member

  Post count: 6

  Hi David,

  Thanks for your reply. I disabled the global banner which resolved issue n°1 but not n°2 (I upload the screenshot where “Paris” appears way far away from the menu “Cities” when I hover or click on “Cities”).

  The CSS for n°3 worked, but only on the main text. I still would like the description text to be slightly bigger (not as big as the main text, but still) – again, see screenshot.

  A new question: how do I reduce the space between the name of the product and the description? (the horizontal bar is nice, but there is too much space before and after; see screenshot).

  Thanks again for helping,

  Fiorilla

  Attachments:

  You must be logged in to view attached files.
  April 10, 2017 at 1:21 am #320231
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  1) That’s because the sub-menu always appears below the header. You can adjust with this css:

  nav#main-navigation ul.sub-menu {
  margin-top: -30px;
  }

  2) CSS:

  .summary-top {
      padding-bottom: 10px;
      margin-bottom: 0;
  }

  3) CSS:

  .woocommerce div.product .woocommerce-tabs .panel p {
  font-size: 18px;
  }

  – Ed

  April 13, 2017 at 10:50 pm #321041
  Fiorilla

  Member

  Post count: 6

  Great, thanks, that worked!

  April 18, 2017 at 11:19 am #321311
  David Martin – Support

  Moderator

  Post count: 20834

  Marking as resolved.

  If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

  Thanks.

• Back to forum

  Posted in: Atelier