Can this header design be accomplished without a child theme? http://prntscr.com/j34pda
Our logo becomes too small in the standard WPLMS layouts.
@nursesed.net,
Without using child theme it is not a good practice to customize header.php file.
But there is another option too.
Add custom Links using this fa fa icons
Like this:
http://prntscr.com/j39izd
Then apply custom css on the menu icons. It will look like this after applying font size:
http://prntscr.com/j39jcr
Thank you!! I will use the icons!
I tried to find a WLMS header style that allows the left-sided logo, and the name of the company across the header - but I can't find a WPLMS style for that.
What style would you suggest?
@nursesed.net,
I think sleek header and standard header would be a great choice according to your requirement.
Thank you Diana!
I'm trying to resolve a few issues related to the header. I hope you can help me!
1. Need solid white background in the top section
http://prntscr.com/j6jsrs
I tried removing the background tile image in WPLMS header settings, but it doesn't save it.
2. Add company name in fixed header menu (instead of WPLMS) http://prntscr.com/j6ny3w
3. Change active item color in Main Menu background - I have no idea why it's showing Red.
Also, can I increase the space under the search icon, so it aligns with the icon
http://prntscr.com/j6ocwf
4. Move the Page Title lower so it doesn't overlap with the icons http://prntscr.com/j6oaia
Thank you in advance!
This reply has been marked as private.
1. The code didn't work. The background is not white. There is now a white border around the main menu, which I don't need. http://prntscr.com/j7ll1n
2. I added text instead of image, but the WPLMS logo is still there. It didn't work correctly http://prntscr.com/j7llba
3. The search icon breaks higher than the rest of the menu items. What code can I use for that?
4. The breadcrumbs are overlapping with the main menu. http://prntscr.com/j7lm2q
5. The menu icons are still red on hover http://prntscr.com/j7lmlb
@nursesed.net,
1. remove the above css and paste this one:
nav>.menu>li>a {background-color:#008000 !important;}
2. You can upload the only image here. The text is not allowed.
3. Paste this: a#new_searchicon {height:92px !important;}
http://prntscr.com/j7pqf6
4. ul.breadcrumbs {padding-top:50px;}
5. nav>.menu>li>a:hover{background-color:#f5f5dc !important;}
Thank you! It all worked! One last item, the breadcrumb text blends with the background. How can I change the text color?
Thank you!!!
@nursesed.net,
On courses page, the breadcrumbs appear fine. On which page it blends with the background. Can you share the page link
Hi Diana, the page title and breadcrumbs on pages like this one: http://prntscr.com/j93pro
Not courses, but regular pages.
The Alternate Logo - I uploaded an image, http://prntscr.com/j946cu
but the image is still the original for "WPLMS" http://prntscr.com/j946vt
This reply has been marked as private.
Thank you! I pasted the above code for the page title and breadcrumbs color, but it didn't work: http://prntscr.com/j9prcy
I uploaded an alternate logo http://prntscr.com/j9psdk
but when I click Save settings, it becomes this: http://prntscr.com/j9pslo
My understanding is that the toggle needs to be green, to activate the alternate logo.
This reply has been marked as private.
.
