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: Dante
• August 27, 2015 at 7:41 am #207954
  tinacarson

  Member

  Post count: 9

  I’m wondering if it’s possible to do the follow on the Blog page:

  1. Remove the timeline (date, etc.)

  2. Remove the box around the blog posts (main blog page) so that it’s white like the rest of the website.

  My goal is to have the Blog page simply layout like it is on a white background with no dates/timeline shown.

  I do have a couple of questions regarding the Mega Menu. I’m not sure if you would prefer a separate topic for this? If so, just let me know and I will do that.

  Mega Menu

  1. ) How can I reduce the font size of the Mega Menu titles? (take a look)
  2. ) How can I reduce the space above and below the text within a sub-catagory box? I have the font at the size I want, but the box around them are too tall…

  Thank you,
  Tina

  August 27, 2015 at 8:12 am #207969
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .standard-post-date{
  display:none !important;
  }
  .standard-post-content {
      background: #fff none repeat scroll 0% 0% !important;
      box-shadow: none !important;
  }
  
  /*Mega Menus fonts etc*/
  
  nav#main-navigation .menu ul li.parent > a {
  
      font-size: 12px !important;
  }

  Thanks
  Mohammad

  August 27, 2015 at 8:56 am #207996
  tinacarson

  Member

  Post count: 9

  Thank you so much for your quick response Mohammad!

  That custom CSS worked, much appreciated!

  Do you have an answer as to how I can reduce the space around the sub-menu categories? I’ve been trying to figure it out with no luck.

  Also, I found this CSS in the themeforest thread to remove the vertical and horizontal lines in the menu, but it is not working..

  /* Remove horizontal mega menu horizontal borders */
  nav .menu ul.sub-menu {
  border: 0;
  }

  /* Remove vertical mega menu borders */
  nav.mega-menu li .mega .sub .sub-menu {
  border-left: 0;
  border-right: 0;
  }

  (I do value your time! I’ve spent a couple of hours searching the threads here and at themeforest for answers before asking you guys. You are always very helpful, but I always try to do my part!)

  August 27, 2015 at 9:18 am #208004
  tinacarson

  Member

  Post count: 9

  This CSS changed the font size in the main menu sub-categories, but not the sub-categories in the mega-menu…what do I use for that?

  /* Font size for sub menu */
  nav.mega-menu li .sub li.menu-item > a {
  font-size: 11px;
  }

  August 27, 2015 at 9:45 am #208015
  tinacarson

  Member

  Post count: 9

  It seems something has gone wrong…after changing the text color of my sub-menu, all of the text fell behind the opacity?

  Please help. Thank you!

  August 27, 2015 at 10:02 am #208022
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot to indicate the spacing.
  Thanks
  Mohammd

  August 27, 2015 at 10:12 am #208030
  tinacarson

  Member

  Post count: 9

  Here you go..file attached with marked screenshot

  Attachments:

  You must be logged in to view attached files.
  August 27, 2015 at 10:22 am #208035
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  nav#main-navigation .menu ul li > a{
  padding:5px 6px !important;
  }

  Menu text is perfect. You just need to decrease the opacity of menu container.

  Thanks
  Mohammad

  August 27, 2015 at 10:27 am #208040
  tinacarson

  Member

  Post count: 9

  No, I’m sorry. That doesn’t make sense.

  I’ve had the opacity set at both 0.3 and 0.5 the whole day with it fine. The opacity should only effect the background, not the text. The text is now faded out. Significant change. It happened after I changed the text color from blue to black.

  August 27, 2015 at 10:38 am #208053
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You should not change any opacity. Just make the transparent background like this code:-
  nav .menu ul.sub-menu {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0% !important;
  }

  It will not affect any text.

  Thanks
  Mohammad

  August 28, 2015 at 12:18 am #208283
  tinacarson

  Member

  Post count: 9

  Thank you, that did it!

  August 28, 2015 at 12:19 am #208284
  tinacarson

  Member

  Post count: 9

  Thank you again for all of your help!

  August 28, 2015 at 5:45 am #208303
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. Glad 🙂 to help you.
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante