Home › Forums › Legacy Support › Support queries › Styling issues › Custom CSS Stop Working
Tagged: avatar, custom css, footer, loco translate, Logo
- This topic has 12 replies, 2 voices, and was last updated 6 years, 11 months ago by Diana.
Viewing 13 posts - 1 through 13 (of 13 total)
-
AuthorPosts
-
December 10, 2017 at 6:33 am #139439hilmanfSpectatorHello Vibe, After I did some experiment on Customize > Theme and Customize > Header, Custom CSS seems stop working. http://prntscr.com/hlgqpq I put codes to handle several issues that not working anymore: - Hide footer logo http://prntscr.com/hlgqxi - Hide enrolled students avatar on course page http://prntscr.com/hlgr19 1/ Please help me check and fix the Custom CSS issues. The credential is below. I also need to fix several issues: 2/ A white gap above footer, I need them to disappear. http://prntscr.com/hlgr7c 3/ Change the position of Join Class button to below the Instructor name, without changing the child theme. http://prntscr.com/hlgs32 4/ Change the course background with image background http://prntscr.com/hlgs95 5/ Loco Translate failed to translate of UNLIMITED ACCESS even It has beed translated in Loco backend. http://prntscr.com/hlgsn9 Thank you very much.December 10, 2017 at 6:35 am #139440hilmanfSpectatorThis reply has been marked as private.December 11, 2017 at 5:16 am #139471DianaParticipant@hilmanf, 1. To hide footer logo : wp-admin > WPLMS > Footer > Remove logo from upload footer logo option 2. To hide enrolled students : Appearnce > Customize > Custom css > Paste the given css .minimal.single-course.c2 .students_undertaking {display:none !important;} Checking your other issues..December 11, 2017 at 5:28 am #139472hilmanfSpectatorHalo Diana, 1/ Removed. Buat space for logo still there. https://prnt.sc/hltts3 2/ Not Working https://prnt.sc/hltsxpDecember 11, 2017 at 5:54 pm #139583DianaParticipant@hilmanf, Let me give some time to check these issues at your end.December 12, 2017 at 11:48 am #139648DianaParticipant@hilmanf, 2. refer : http://prntscr.com/hmf2t7 3. From appearance > Customize > Layouts > course Layout > you can change your layouts from here 5. Make sure you are translating the global file only. Simply copy the local file from the plugin and add it in the global folder and then sync the file with template and then clear the cache and check.refer: https://wplms.io/support/knowledge-base/translate-using-loco-translate-plugin/December 12, 2017 at 11:52 am #139651hilmanfSpectatorHalo Diana, 2. Yes, need to remove that white gap.December 13, 2017 at 4:27 am #139734DianaParticipant@hilmanf, Please Go to wp-admin > WPLMS > Footer > Google Analytics code Paste the given css <style> #footerbottom #footerlogo{display:none !important;} .home-page section#content {padding-bottom:5px !important;} .minimal.single-course.c2 .students_undertaking ul li{display:none !important;} .single-course .course_header { background-image: url("https://arkademi.com/wp-content/uploads/2017/11/SEO-UKM-template.jpg") !important; } </style> Make sure the css should be pasted with these <style></style> tags You can change your course header background image by passing another image url.December 16, 2017 at 12:05 pm #140121hilmanfSpectatorHi Diana, Thanks for helping. 1/ The style code is working. But there's a gray gap below the course header image prntscr.com/ho9ayy. How to remove the gap. 2/ Why I need to insert the code in Google Analytic box? Is that means the Costum CSS on customizer no longer working? How to fix itu? 3/ White gap above footer still there. Need to fix this. prnt.sc/hlgr7cDecember 17, 2017 at 3:06 pm #140167DianaParticipant@hilmanf, 1. You need not to remove that gap, just set background image on that section too. Instead of this css .single-course .course_header {background-image: url("https://arkademi.com/wp-content/uploads/2017/11/SEO-UKM-template.jpg") !important;} Paste the below css in Google Analytics code .single-course .course_header, .single-course #title {background-image: url("https://arkademi.com/wp-content/uploads/2017/11/SEO-UKM-template.jpg") !important;} 2. A plugin conflict or code error can cause Customizer Preview to stop loading or part of it to stop working properly. So to add custom css, you need to insert your code in google analytics box.December 17, 2017 at 6:19 pm #140177DianaParticipant@hilmanf, 3. Paste this css code in wplms > Footer > Google analytics code .home-page.minimal footer {margin-top: -30px !important;} You can adjust margin-top according to your need.December 21, 2017 at 5:24 am #140574hilmanfSpectatorHi Diana, The solution works like charm! Thank you very much. I found other solution to remove the gap without any codes. Set (on visual composer) the Row Setting > Design Options > Bottom Margin to -10px (or more). Hope it will help others. Customizer issue is still there and I have not disabled 3rd party plugin to test it. I will check it later. But overall, my problem has been resolved. You may close the topic. Thank you!December 21, 2017 at 5:25 am #140575DianaParticipant@hilmanf, Thanks for confirming that it works for you. Now, I am closing the topic.
-
AuthorPosts
Viewing 13 posts - 1 through 13 (of 13 total)
- The topic ‘Custom CSS Stop Working’ is closed to new replies.