Customize the course-8 layout

[Zatakk]

Hi I want to customise the course-8 layout. Can you please change the "course info" to "course duration" that is use the .block.course8 .course_time . Also please let me know the style sheet where I can replace further customisation as required. My page - https://www.constructionworld.online/course-filter-page/

[Veronica]

hi, goto wplms>>footer>>google analytics code and use code given below <script> jQuery(document).ready(function($){$(".more a.more_btn").text("Course Duration"); }); </script> refer: http://prntscr.com/trkbd7

---

please let me know the style sheet well you need to clarify that which page you want to customize you need to customize the page templates with the help of child theme not the style sheet  

[Zatakk]

Hi

1. Thats not what I want. I wanted the actual time of the course to be shown there. Not the Text " Course Duration". It should show " 180 days" which is currently shown on the course image.

https://prnt.sc/ts7kzc

1. Customization required for Layout -> Course-8.  Where can I find the style sheet for the course layouts ?

[Jackson]

Hello, We can make this layout like this , using this code: body.page-template.page-template-elementor_header_footer .block.course8 .course_time { background: #fff; color: #000; border-radius: 20px; padding: 3px 7px; position: absolute; font-size: 10px; bottom: -126px; right: 5px; z-index: 1; } body.page-template.page-template-elementor_header_footer .more a.more_btn{ display:none; } Refer: https://prnt.sc/tszasi Thanks,

[Zatakk]

Hi Many Thanks. The above code works for courses with duration. Howoever for course with "unlimited duration" the alignment is to the left. Is there any ways I can make it centre for all time inputs ?

[Jackson]

Hello, If you want to make this align: https://prnt.sc/tubfiy use this code: body.page-template.page-template-elementor_header_footer .block.course8 .course_time { position:relative; right:80px !important; }   Thanks,

[Author]

Posts