Home › Forums › Legacy Support › Support queries › How-to & Troubleshooting › Header Design without a child theme
- This topic has 16 replies, 2 voices, and was last updated 6 years ago by Diana.
-
AuthorPosts
-
April 10, 2018 at 1:57 am #152738nursesed.netParticipantCan this header design be accomplished without a child theme? http://prntscr.com/j34pda Our logo becomes too small in the standard WPLMS layouts.April 10, 2018 at 10:21 am #152785DianaParticipant@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/j39jcrApril 10, 2018 at 3:34 pm #152841nursesed.netParticipantThank 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?April 11, 2018 at 4:36 am #152875DianaParticipant@nursesed.net, I think sleek header and standard header would be a great choice according to your requirement.April 18, 2018 at 12:18 am #153442nursesed.netParticipantThank 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!April 18, 2018 at 8:09 am #153480DianaParticipantThis reply has been marked as private.April 19, 2018 at 11:38 pm #153674nursesed.netParticipant1. 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/j7lmlbApril 20, 2018 at 8:42 am #153714DianaParticipant@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;}April 21, 2018 at 6:08 pm #153860nursesed.netParticipantThank you! It all worked! One last item, the breadcrumb text blends with the background. How can I change the text color? Thank you!!!April 23, 2018 at 6:11 am #153908DianaParticipant@nursesed.net, On courses page, the breadcrumbs appear fine. On which page it blends with the background. Can you share the page linkApril 23, 2018 at 5:30 pm #153992nursesed.netParticipantHi Diana, the page title and breadcrumbs on pages like this one: http://prntscr.com/j93pro Not courses, but regular pages.April 23, 2018 at 6:03 pm #153996nursesed.netParticipantThe Alternate Logo - I uploaded an image, http://prntscr.com/j946cu but the image is still the original for "WPLMS" http://prntscr.com/j946vtApril 24, 2018 at 9:29 am #154060DianaParticipantThis reply has been marked as private.April 24, 2018 at 11:32 pm #154122nursesed.netParticipantThank 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.April 25, 2018 at 5:18 am #154161DianaParticipantThis reply has been marked as private.
-
AuthorPosts
- The topic ‘Header Design without a child theme’ is closed to new replies.