When I create a new main page with Elementor and select the Elementor Full Width template, the menu can be displayed but its original style disappeared (I am using demo 10), see:
https://snag.gy/OXNwgU.jpg
1) How to solve this? Is there any tutorial of using elementor with WPLMS?
2) How to add a set of courses (course grid) to pages with elementor?
This reply has been marked as private.
Hi wailokcc
As for now, we are working on the wplms modules to make it compatible with elementor. In the of eve new year, the elementor will be full fledged working with wplms in the month January. Till then, you can use Wp-bakery to create pages with Wplms modules.
Thank you. Will you release a new demo created by Elementor as well in January?
Hi Wailokcc
We definitely working on it. And you will get notified about the update when it released.
The problem is still here after upgrading to v3.8.5. Please advise
Yes this problem may remain as we are using custom header options (header is loaded dynamically from the option you select in customizer ) .
But the elementor is not able to recognize this setting of header .It still loads the main header(default header.php) file .
What you might need to do is to use the child theme .
Install and activate blank child theme(available in wplms package you download from themeforest ) .
Then copy the header style file you have chosen .
Suppose if your have chosen transparent header then there will be a file in wplms theme named header-transparent.php . You need to copy this file into your child theme and rename it as header.php .This header.php file will be loaded by the elementor plugin from child theme but its content will be of transparent header .
Also you would need to choose default header in wp-admin -> appearance->customize for this . This is because now the default header is header.php file which will load from child theme now which has content of transparent header .
Thank you. I have changed the header file.
However, the transparent header with white words cannot display properly. See https://snag.gy/p6dtQc.jpg
How can the header overlap the first item of Elementor, such like the WPLMS demos? e.g. how to move the Elementor's banner to the top of the page, so that the menu and the banner are at the same level.
Hi wailokcc
There is a setting to make the header top transparent and thus banner and header top become at same level.
Check the screenshot:
http://prntscr.com/m40td2
Make the Header style generic in Wp-admin > Customization > header >
Regards
It doesn't work when I copied header-generic.php to child theme. Screenshot:
https://snag.gy/qurcHg.jpg
I wanted to have a menu like demo 10 when I create the page with Elementor. Screenshot:
https://snag.gy/F3pWir.jpg
Hello Wailokcc
I have written some custom css code for that, So please paste the Code below to
Wp-admin > Appearance > Customization > Custom Css > Publish
header.generic {
background: transparent !important;
}
Hope it helps.
It doesn't work again. Nothing has been changed.
Could you please help me update the website directly using the credential above? I want the menu like this:
https://snag.gy/F3pWir.jpg
Hey Wailokcc
Please accept my sincere apology, I might mistakenly give you the wrong code before, please replace the earlier code with the below.
.home-page .elementor.light{
padding-top:0 !important;
}
Refer:
http://prntscr.com/m4drcb
Hope it fix for you now.
It works for the generic style, thank you.
How can I do it by using mooc style (that have login/signon links on the menu without the red bar at the top)? The code only works for the generic style.
Hey Wailokcc
Please paste the below code, if the same menu styling you want with Mooc header style,
header.mooc{
position:absolute;
}
header{
background-color:transparent !important;
}
to Wp-admin > Appearance > Customization > Custom Css > Publish
Hope it helps.
Please share if the issue resolve for you.
Regards
.
