Apply for a course button

[yassineafailal]

hi support team, in my home page, I have some courses having "apply for a course" function. below a print screen. I want to know where I can change the colour of "Apply for a course" text (on my side I translate it as "inscription" in french). I'm using an other green in my website and I want to put the good one in that area. second request is how to transform "apply for a course" area to clikable area, a button like other steps of the workflow validation course process. when I go on this area with my mouse I want have a small hand not a sign of the mouse (I'm not sure if enough clear:) ) thanks and regards https://www.edemia.fr/wp-content/uploads/2018/10/Capture-d’écran-2018-11-30-à-20.12.20-2.jpg

[Diana]

@yassineafailal Use the below custom css to change the price color of coufrses in course grid. You can change the color according to your requirement. Go to wp-admin > Appearance > Customize > Custom CSS .home-page .block.courseitem.course4 .block_content .course_block_bottom .course_price{ color:#ffc0cb !important; } To change the mouse hover icon: Use this custom css .home-page .block.courseitem.course4{cursor: -webkit-grab !important; cursor: grab !important; }

[yassineafailal]

hi diana, thanks for your help 1- for my first request, it works well thank you 2- regarding the the mose hover icone, i used you custom css code, it gave me a hand different of other status, like "continue course" for example. I used "pointer" instead of "grab" on the script below, it give me the cursor that expect but nothing happened when I click on it. I want to go to the course that I want to apply when I click in "apply to enroll". could you please advise ? many thanks .home-page .block.courseitem.course4{cursor: -webkit-grab !important; cursor: pointer !important; }

[logan]

hey friend, The above code is working fine. i can see the effect that the cursor changed into pointer from grab. i debug the issue those texts are not a link that is just a text. that is why by clicking on the text, page does not redirect anywhere. please share your wp-admin credentials in a private reply so that we can look into this matter. regards.  

[yassineafailal]

thank you for your reply Logan, so there is no way to transform this text to a redirection for a course? thanks and regards

[logan]

Hey, those are just texts we can't make it work as an anchor tag. if you want to change those blocks. edit the section by using wpbakery page builder and use our vibe builder with vibe grid. Refer: http://prntscr.com/lqfaf2 it will add the things as per your desires. If I can be of assistance, please do not hesitate to contact me.

[yassineafailal]

hi logan, ok thanks for you feddback ! I'll check form my side. I just want to come back to the colours topic, could you please advise what is the CSS code allowing to update the colours of "apply to enroll" in featured couses. down of this page for example : https://www.edemia.fr/course/la-microeconomie-du-consommateur/ thanks for your help best regards,

[logan]

Hey, please paste this code in wp-admin > appearance > customize > custom css. .course .related_courses .block .course_price font {color: #2a556a !important;} #2a556a is hex color value. change it accordingly. #refer: http://prntscr.com/ls9hpl Regards.

[yassineafailal]

hi logan, thank you for your help. it does not work for me. please advise https://www.edemia.fr/wp-content/uploads/2018/10/Capture-d%E2%80%99e%CC%81cran-2018-12-08-a%CC%80-13.10.46.jpg best regards yassine

[logan]

Hey, Refer: http://prntscr.com/lsd7y0 i have updated the code by this one. .course .related_courses .block .course_price strong{ color: #b71c1a !important;} please change the color code accordingly.  

[yassineafailal]

working fine. thank you. you can close the ticket best regards

[yassineafailal]

hi logan, I still have an issu to customize the colour of "apply to enroll" in the screen appearing on the screenshot below: https://www.edemia.fr/wp-content/uploads/2018/10/vert.jpg for information, it is the screen of researches. please advise thank you for your help

[logan]

Dear Yasin, we give page specific custom css so that it would not cause any styling conflicts with other elements. just chill we are here to help you always. .archive.search .block .course_price font{ color: #b71c1a !important;} try this in your custom css. it will work like charm. Refer: http://prntscr.com/lubzfj Closing this topic.

[Author]

Posts