Remove Background Border on Blog & Mega Menu Spacing

[tinacarson]

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

[Mohammad – SUPPORT]

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

[tinacarson]

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!)

[tinacarson]

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;
}

[tinacarson]

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!

[Mohammad – SUPPORT]

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

[tinacarson]

Here you go..file attached with marked screenshot

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

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

[tinacarson]

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.

[Mohammad – SUPPORT]

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

[tinacarson]

Thank you, that did it!

[tinacarson]

Thank you again for all of your help!

[Mohammad – SUPPORT]

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