Start Course Button

[MEDIMEDIA]

Hi, how can I style the "start course" Button on the course index page, in order to make this CTA more motivating, without changing other parts of the page (colors). Any chance to change the position of this CTA?

[Ava]

Hi Yes you can totally change the styling of the button by using cutsom css in customizer. Please share the changes you want and Url of the page you want in. To do that you can share a screenshot. About the position, I need to know where you want the button to reposition, will check the possibility and let you know. It will be helpful if you explain all the requirements.   Tip: For better support always share a screenshot: Please provide proper screenshot, use https://prnt.sc/ to upload and share url of the screenshot. If you want to send us a video of the issue, use https://screencast-o-matic.com/ to upload and share url of the video.    

[MEDIMEDIA]

This reply has been marked as private.

[Ava]

Hi Okay so for the course button custom styling. Please paste the below custom css code to Wp-admin > appearance > customiser > custom css > publish .single-course a.course_button.button.full {border-color: #91c579 !important;background: #91c579 !important;color: white !important;} a.course_button.button.full:hover {     border-color: #5299d0 !important;     background: #5299d0 !important; } Refer the fix: https://screencast-o-matic.com/watch/cqib1dO0JF   And for positioning of the button in mobile. This will show the course button above the course description. Please add the below custom code to wp-admin > Plugins > Editor > Select WPLMS Customizer Plugin > wplms-customizer.php
add_action('wplms_before_course_description', 'show_the_course_button');
function show_the_course_button(){
echo the_course_button();
}   Please paste the below custom css code to Wp-admin > Appearance > customiser > custom css > publish .single-course #item-body .course_button.full.button{display:none} @media screen and (max-width:500px){ .single-course .widget.pricing .course_button.full.button{display:none} }

[MEDIMEDIA]

THX so much! Looks perfekt, but when you're logged in, the button looks like before... can you check this?   Thank you, Ava!

[Ava]

Please share valid credentials of the website in private reply  so that I can be logged in and check.

[MEDIMEDIA]

This reply has been marked as private.

[MEDIMEDIA]

This reply has been marked as private.

[Ava]

Okay, I have checked and the course button is coming before the course description as this is the code I have written for you. You can check the above reply. Refer: http://prntscr.com/ohbgp4 Please share screenshot and highlight the issue as I cannot able to understand clearly and I don't want to mess up anything. It will be helpful if I have clear understanding of your issue.

[MEDIMEDIA]

Thank you Ava... I made some changes on my own in the meantime... so the positioning of the button is fine. THANK YOU AGAIN!

[logan]

thanks for confirming closing this topic :)

[Author]

Posts