Change icons of homepage

[hothaibinh]

Hi, this is my website firstaidtraining.vn, I don't know how to change the 5 icons in the homepage. Please instruct me. I read your advice on the other post about creating a new topic but I don't quite understand the rest of the message, please advise. Thank you

[hothaibinh]

These are the 5 icons https://prntscr.com/rrytz5

[Veronica]

hi, Demo 12 front page is developed by elementor page builder. if you want to make some changes. goto wp-admin > pages > all pages > home-front page > edit it with elementor. For slider thing : we are using slider revolution and layer slider. you can edit them in that plugin's setting.

[hothaibinh]

Hi, yes I have been editing the page on Elementor, when I click in the card I can only option to edit text https://prntscr.com/rsce2b , however, I can't select the icon to replace.

[Anshuman Sahu]

well for those you will need to add this css in your wp-admin -> appearance -> customize -> custom css :   .pgicon:before {   background-image: url(https://wplms.io/demos/demo12/wp-content/uploads/2018/10/maps-and-flags.png);   }   .badgeicon:before {   background-image: url(https://wplms.io/demos/demo12/wp-content/uploads/2018/10/title.png); }   .assignicon:before{   background-image: url(https://wplms.io/demos/demo12/wp-content/uploads/2018/10/title.png); }     .recordicon:before{   background-image: url(https://wplms.io/demos/demo12/wp-content/uploads/2018/10/title.png); }     .colabicon:before{   background-image: url(https://wplms.io/demos/demo12/wp-content/uploads/2018/10/title.png); }       change this url accordingly : https://wplms.io/demos/demo12/wp-content/uploads/2018/10/title.png

[hothaibinh]

Hi, thank you now I can change the icon except for 1 I want to change the 4th icon from the left https://prnt.sc/rtienn with this icon https://firstaidtraining.vn/wp-content/uploads/2020/04/014-cpr-3.png However, when I change the icon link, it just takes the photo from the 3rd icon from the left, please instruct me how to fix it.   This is my css .pgicon:before { display: block; content: ' '; background-image: url("https://firstaidtraining.vn/wp-content/uploads/2020/04/017-resucitation.png"); width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; }   .badgeicon:before { display: block; content: ' '; background-image: url("https://firstaidtraining.vn/wp-content/uploads/2020/04/026-shield-1.png"); width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; } .assignicon:before { display: block; content: ' '; background-image: url("https://firstaidtraining.vn/wp-content/uploads/2020/04/021-worldwide.png"); width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; } .recordicon:before { display: block; content: ' '; background-image: url("https://firstaidtraining.vn/wp-content/uploads/2020/04/014-cpr-3.png"); width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; } .colabicon:before { display: block; content: ' '; background-image: url("https://firstaidtraining.vn/wp-content/uploads/2020/04/029-text.png"); width: 64px; height: 64px; margin: 0 auto; margin-bottom: 20px; }  

[hothaibinh]

After I reimport the homepage, the problem I've just mentioned above disappeared so you can close this topic. Thanks

[Veronica]

thanks for your confirmation. closed.

[Author]

Posts