Change icons of homepage (Cont)

[hothaibinh]

I made this topic https://wplms.io/support/forums/topic/change-icons-of-homepage/#post-248804 After I import another homepage, the problem is solved. However, the homepage didn't work properly so I use the old homepage, so the problem is still not fixed. 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 code   .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;   }

[Jackson]

Okay use this code for 4th element go to appearance>>customization>>custom css and paste code given below: .elementor-section-full_width .elementor-row .elementor-element:nth-child(4) .assignicon:before{ background-image:url('https://firstaidtraining.vn/wp-content/uploads/2020/04/014-cpr-3.png') !important; } Thanks,

[hothaibinh]

Thank you, it worked ! By the way, bc we are working with the CSS code, may I have another questions ? I want to replace the slider underneath the 5 icons with my new slider with shortcode [rev_slider alias="slider-1"][/rev_slider]. However, when I click to the slider from Elementor, I cannot see a shortcode box so I can replace with my new shortcode. And when I delete the existing slider after adding new one, the icons are also deleted, so I believe there must be something to do with the CSS. I see some parts of the shortcode related to revslider. How can I replace the existing slider with the new slider [rev_slider alias="slider-1"][/rev_slider] ?

[Veronica]

hi dear, i have already replied the related issue here: https://wplms.io/support/forums/topic/styling-of-homepage-2/page/2/#post-250958 so for this topic is it resolved? can we close this one?

[hothaibinh]

thank you very much please close this topic

[Veronica]

thanks for your confirmation closing the topic.

[Author]

Posts