Best Premium and Free WordPress Themes › Forums › Education Base Pro › Page Border and Black Title Bar
- This topic has 16 replies, 2 voices, and was last updated 6 years, 4 months ago by
acmesupports.
-
AuthorPosts
-
May 9, 2017 at 1:48 am #16900
justinsgreen
ParticipantHello!
First off, I would like to say that education base is one of the best free themes I have come across. However, I still consider myself a newb and need some help changing what some might consider an easy fix:
1. Each page has a very faint border around the content. Is there a way to remove this?
2. Each page highlights the title with a large horizontal black bar. Is there a way to remove this and change the title font from white to black?
3. How would I go about changing the menu text to all lowercase?
Any input is greatly appreciated!
May 9, 2017 at 2:51 am #16904acmesupports
ModeratorHello justinsgreen,
Thank you so much for your nice feedback and thanks a lot for using our theme Education Base.
Can you please provide the site url? We will check all those things on your site and provide you the best solutions.Regards
May 9, 2017 at 2:52 am #16905justinsgreen
ParticipantThank you for the quick response!
The site url is: new.ocanxietycenter.com
May 9, 2017 at 4:44 am #16906acmesupports
ModeratorPlease add the below css codes on Appearance > Customize > Additional CSS
1.
.post, .page { border: none !important; }
2. Please add he header image from appearance > customize > header options > header image and check that section. That header image will appear on every pages.
3. Try changing the Menu name from Appearance > Customize > Menu and change the menu level and try once.
Let us know how it works.
Regards
Acme SupportsMay 9, 2017 at 10:34 pm #16953justinsgreen
ParticipantHello,
Thank you for the feedback!
Regarding #2, I actually do not want to use a header image. Is there a way to remove the black bar should I wish to not use a header image?
May 10, 2017 at 4:18 am #16962justinsgreen
ParticipantOk, so far I have been able to remove the border! Thank you for that!
As for changing the menu to all lowercase, I was unable to do so successfully. Any other suggestions?
Lastly, is there anyway to remove the black bar from the remainder of the pages on the site? I was able to remove it from the front page by checking “Hide From Page Header” under Appearance > Customize > Layout/Design Options > Front Page Content Options. I was unable to find a similar option for the remainder of the pages.
May 10, 2017 at 4:36 am #16965acmesupports
Moderator2. To change the header section black color.
.inner-main-title{ background: #fff; } .inner-main-title .entry-title, .inner-main-title .page-title { color: #000 !important; }
3. To change the menu in to lowercase.
.main-navigation li { text-transform: lowercase; }
Hope, the above provided CSS codes will help you to make the section as your need.
Thank you
May 10, 2017 at 4:46 am #16967justinsgreen
ParticipantThank you so much! The CSS worked like a charm!
Lastly, is there a similar code you can provide me with to change the menu font color to black and remove the black box that surrounds the dropdown menu items? I suppose I should have included this in my initial post but it just crossed my mind.
Again, thank you so much for your help and quick responses! You have definitely earned a 5 star rating from me!
May 10, 2017 at 6:43 am #16968acmesupports
Moderatorul#primary-menu>li >a { color: #000; }
Please add this CSS.
If you remove that the menu will not visible so that we can’t remove that black.Thank you
May 11, 2017 at 6:49 am #17003justinsgreen
Participanthmmm… i tried copying and pasting that into the CSS in the same manner as I did with your above suggestions, but nothing changed with the menu; the black boxes are still there. Can you please provide more support with this? Is it possible there may be a typo? Or maybe I am missing something when copying/pasting?
May 11, 2017 at 9:38 am #17004acmesupports
ModeratorCan you please try this.
#primary-menu>li >a { color: #000 !important; }
Thank you
May 11, 2017 at 5:06 pm #17013justinsgreen
ParticipantHello. I tried that CSS code as well. unfortunately, the black menu box is still there. 🙁
Are there any other options you may have? Thank you again for your continued support!
May 12, 2017 at 3:05 am #17016acmesupports
ModeratorAre you talking about the black strip while we hover the menu? Is this the issues? If so, we can’t hide this because, if we hide that, the menu text will not visible because of background transparent. We can change that color but we can’t remove it completely.
Hope you understand.Regards
May 12, 2017 at 3:19 am #17017justinsgreen
ParticipantUnderstood. That being said, is there a way to change the black strip when you hover over menu to white, and then change the font to black so it’s visable?
May 12, 2017 at 9:31 am #17030acmesupports
ModeratorPlease add the below css codes,
.main-navigation ul ul { background: #fff !important; } .main-navigation ul ul a { color: #2d2d2d !important; }
Regards
-
AuthorPosts
- You must be logged in to reply to this topic.