Course Directory- course heading is not visible

[MBAbaba]

Hey, How to change color of Course heading, Instructor name at course directory page https://prnt.sc/zpkp31 ? I have selected Elementor course card in course directory widget setting, but from where i can customize this ? also not able to see course cards which i have created in the options there. https://prnt.sc/zpjphj

[Ada]

Hi Course card are created and managed from vibebp>> course card section. There you can change the color by editing with elementor.

[MBAbaba]

Hi Ada, I did that, but course cards created there are not reflected in course directory setting.

[Ada]

Hi, From course directory you just have to select elementor course card in card style. It will automatically pick course card available in vibebp>> course card. If you want to set different course card for different course category then you need to create multiple card and then in edit section apply card for particular category https://prntscr.com/zq9gbl

[MBAbaba]

Recording: https://youtu.be/zNNBWLk_IGU https://prnt.sc/zveax0 See none of the course card appear in the dropdown list in course directory.

[Ada]

Hi, Yes course card options does not appear in course directory .what I am saying is in course directory you have selected elementor course card https://prntscr.com/zy0rr4 then it will pick any course card from vibebp>> course card section for course directory. At your site it is picking learning center course card for course directory. So you can edit this learning center course card . or if you want to remove this course card then move this course card to trash and it will pick any other card present in vibebp>> course card section. Please check this tutorial for clear understanding https://youtu.be/QGs1QpVKpXI Or I can give you custom css code to change this course heading color

[MBAbaba]

Hey, So i followed as you said, but still colors of heading is not controlled from course card setting in elementor, see: https://prnt.sc/100kmgv https://prnt.sc/100kn4x I have raised similar issue regarding color of price of course, and you guys provided CSS code which worked but the main problem is from main setting of course card in elementor.

[Ada]

Hi, Yes then you can use this custom css code. Adjust color code as per your need

.course.directory .vibebp_course .course_card h2.course_element_text {
    color:#333536 !important;
}

[MBAbaba]

Okay this does work, but the root cause of the problem is in elementor, where i am unable to make any changes to color of text on course card layout.

[Ada]

No There is no such issue, Sometimes the styles set for whole site start applying on course card also so this issue occur. In such cases we can provide custom css.

[MBAbaba]

okay

[Ada]

Closing this topic.

[Author]

Posts