Styling of homepage

[hothaibinh]

Hi, I wanna use this theme https://preview.themeforest.net/item/wplms-learning-management-system/full_screen_preview/6780226?_ga=2.94169119.380406357.1585761221-634131229.1584541185 This is my page after using the theme: firstaidtraining.vn However, I don't get the same result:

1. How to get the moving Welcome text like in the demo ? My text doesn't get the animation

2. The font of text is not the same. I want to use the same font like demo or other font. How can I do that ? I try to select the text and change the font in Elementor but didn't work

3. I wanna have the scrolling effect of background photo like in the Achievement part, how to do that with the cover welcome photo ?

  Thank you very much   Binh

[Veronica]

hello dear, let me clarify your doubt here: the theme that you are using is WPLMS. AND WPLMS OFFERS many demos to make your site attractive.  you can choose one of them. the first URL you have shared with me is our theme based on one of them demo. you are using the same theme but with different demo. if you want to choose the exact demo like the above one then you can select it from here:https://wplms.io/demos/ the most appropriate for you will be the demo 2. you can change your demo from wp-admin>>WPLMS>>demo switcher. when you switch the demo the font and styling will be automatically change. please revert if you face any trouble.

[hothaibinh]

Thank you for your response. Before I switch I have some other questions ?

1. When I switch demos, will my course data and translation in loco translate be overwritten ?

2. I am using Demo 12,  why do I switch to Demo 2 ? So can I switch to Demo 12 ?

[Veronica]

hi, i thought that your query is regarding to the demo which has the functionalities that you want. that is the reason i suggest you to demo2. 1...no it doesn't make any impact on your courses because demo is just relating to the styling of the site and if i talk about translation then on home page if the strings are differ then you have to translate it non of the older translation will get affected. 2...if you want to continue with the demo 12 then no need to switch the demos. if you want some elements of other demos that you like to include in your home page then you can also do this. refer:https://screencast-o-matic.com/watch/cqlli2vc5m

[hothaibinh]

Hi I am still using the demo 12, and I want the exact font for the whole page and the animation for the Welcome text as I see in demo 12. For some reason, my demo 12 doesn't display correctly as it was in Demo 12 in the preview page

[Anshuman Sahu]

that is a premium font "Poppins" we are using . you ca search for similar google font like poppins and use this tip to apply it : https://wplms.io/support/knowledge-base/google-api-key-for-font-manager-and-usage/

[hothaibinh]

Hi, I have used the demo switcher to import the homepage, it doesn't change anything, it just removes my content and replaces it with the default text, which is worse. Is there anyway to revert the change ?

1. My course in the "Popular course" in homepage disappeared with the "No Posts Id's found in given Custom Post Type. ..more.". How to get it back in ?

2. So after I have the font I desire, how to change the font ?

3. There is no animation effect of the welcome text like in the Demo at all, how to get that effect ?

Thank you

[Veronica]

hi, now i am clear out your doubts one by one try to understand the things. 1... you can check out the pages section in your wp-admin. you will find 2 page with same name"home page" delete the one that you have no need. 2...

Please refer these two tips:

1) Google fonts tip:

https://wplms.io/support/knowledge-base/google-api-key-for-font-manager-and-usage/

2) Custom fonts tip:

https://wplms.io/support/knowledge-base/add-custom-fonts-in-wplms/

Then you can see the option to change the font in the appearance->customize->body, and typography. 3... as i have told you that we have different demos for this the effect you are talking about is on some demos import the template of that demo edit your home page with the imported template https://screencast-o-matic.com/watch/cqlli2vc5m this is revolution slider. these tips will help you:https://www.youtube.com/watch?v=MZmnt9kwYjY and this one: https://www.youtube.com/watch?v=ai3lAZ-DJTQ

[hothaibinh]

Thank you for your instructions

1. Success

2. Success

3. I still can't get it right yet

• https://screencast-o-matic.com/watch/cqlli2vc5m : I only have 2 options 'Import Homepage' and "Import Customizer', the 'Import Template' is missing,

- https://www.youtube.com/watch?v=MZmnt9kwYjY : I think this is what I need. However, I want to edit the existing slider in the existing homepage that I imported from Demo 12 instead of creating new homepage with new slider. My Slider Revolutionary is empty and in Page Builder there is only Course Category Carousel https://prnt.sc/run90d Please instruct me to replace the existing Slider with a new Slider. Thank you !  

[Jackson]

Ok first follow this tip to make a slider using slider revolution refer: https://www.youtube.com/watch?v=4BqCxxHnC8U After making slider you know that elementor provide a element named 'shortcode' use this and paste slider shortcode into this element refer :https://www.youtube.com/watch?v=JCHFLk1Bwrw   Thanks,

[hothaibinh]

Hi, thank you, this is what I need. I created the slider successfully. However, all the instructions I find on youtube teach how to add new slider with shortcode. I want to change the slider at the same time keep the 5 icons on top of it. Please instruct me how to do this. If I just delete the current slider and add new slider, it also deletes the 5 icons.

[Jackson]

i did not understand the situation. please share  the screenshot or may be a video could help me to understand the situation well.

[hothaibinh]

Hi, So this is the view in Elementor to edit my homepage. https://prntscr.com/rwoiqv I want to replace that cover photo and text with the Slider. However, when I click in the photo, there are only options to change the photo and change the text. I don't know how to replace it with the Slider. I can delete the current photo section, however, when I delete it, the 5 icons are also deleted. I want to keep the 5 icons at the same time, replace the cover photo with the new Slider I created.

[Anshuman Sahu]

You have to edit the page using elementor : here is the guide to edit and adjust the elements using elementor : https://docs.elementor.com/article/226-getting-started

[hothaibinh]

Yes I know, the screenshot I showed you https://prntscr.com/rwoiqv is from Elementor (only the text is translated to Vietnamese after I change the language of Wordpress to Vietnamese). All the Elementor instructions available tells me how to build a website from beginning. I already read all of that. I know how to drag & drop the widgets, I know how to add the slider revolution to the homepage. But my question is how to replace your existing Slider already there with the slider I made from Slider Revolutionary without deleting the 5 icons already existing on top of the old picture. The 5 icons are in your CSS code and I have no idea how. You combine lots of plug-ins and CSS to make the homepage, I don't where to start. https://prntscr.com/ry45ad, the notes are:

1. I want to replace this existing slider with my new newly created slider with this shortcode [rev_slider alias="slider-1"][/rev_slider]

2. I want to keep those 5 icons on top of the sliders like in the demo 12 homepage I imported. Please don't tell me to read the articles, I know how to add the slider. But when I add the new slider and delete the old one the 5 icons are also deleted. The CSS code of the 5 icons are here  https://wplms.io/support/forums/topic/change-icons-of-homepage-cont/ . The icons were created by CSS code, not directly from Elementor, I can insert the new slider there but I don't know what to do with the CSS code to create the icons again. When I click on the existing slider, there's no shortcode box for me to replace with the new slider shortcode. And I cannot replace or edit the old slider in the Slider Revolution plugin because I don't see the old slider there. The one in this screenshot is my new slider https://prntscr.com/ry49ed

3. This is the panel of Elementor when I click in the existing slider from your demo, the only things I can do are changing picture and animation, there's no shortcode box so I can copy the shortcode of Slider Revolution to

   

[Author]

Posts