Does not grab CSS in TEXT EDITOR

  • Resolved inforcomweb

    (@inforcomweb)


    1 year, 1 month ago

    I have a problem, I am working with Elementor, when I add the TEXT EDITOR widget in any part of the page, it works well its Styles, but when I add it in a COURSE it does not grab the Styles in that widget, if I add the TITLE widget if it grabs the styles, but if I add the TEXT EDITOR widget it does not grab the style, for example color, font size, margin (attached image: https://ibb.co/S5fPKCz).

    Why is this error, because when I inspect the code F12, I always get this style:
    .stm_lms_course__content p {
    margin: 0 0 35px;
    font-size: 15px;
    line-height: 30px;
    color: #555;
    }

    Below I get this style (which is the one that should appear on the screen):
    .elementor-881 .elementor-element.elementor-element-fd916ff {
    color: var(–e-global-color-primary);
    font-size: 124px;
    line-height: 1.3em;
    }

    Could you help me please

    Greetings

Viewing 5 replies - 1 through 5 (of 5 total)

  • Are you using the “New Player” Style at “View” in “Course Player” setup?

    Thread Starter inforcomweb

    (@inforcomweb)

    I don’t understand what you mean

    jacobstylemixthemes

    (@jacobstylemixthemes)

    Hello,

    Thank you for contacting us

    Based on your problem you have it seems like there might be a specificity or priority issue with the CSS styles applied to the Text Editor widget within Elementor when used in the context of a course page. The styles you provided for .stm_lms_course__content p are being applied, but they are overridden by other styles applied later in the stylesheet.

    I would like to recommend following steps

    CSS Importance: Ensure that there are no !important declarations in the styles causing undesired overrides. Using !important can sometimes lead to issues with styles not being applied as expected.

    Plugin/Theme Conflicts: There might be a conflict with other plugins or the theme you are using. Try deactivating other plugins or switching to a default WordPress theme temporarily to see if the issue persists. If the problem goes away, you can identify the conflicting element and adjust the styles accordingly.

    I hope you have up to date plugins and themes, if not please double check you are using the latest versions. Here is the changelog for the MasterStudy LMS plugin https://docs.stylemixthemes.com/masterstudy-lms/changelog

    Hope it works let us know if you have any further questions

    Regards,

    Jacob, Support Team

    Thread Starter inforcomweb

    (@inforcomweb)

    Nothing has helped me, it seems to be a conflict with the Theme, what has helped me is to put this CSS in the editor, either in the Elementor or in the Main CSS of the Theme.

    /* To view the CHANGE in the BACKEND Editor */
    .elementor-text-editor p {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    }

    /* To see the CHANGE in the FRONTED Page */
    .elementor-widget-container p {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    }

    Maybe some of you can use the CSS

    jacobstylemixthemes

    (@jacobstylemixthemes)

    Hello,

    Thank you for your feedback we will sure investigate it for further review should you have any questions besides that, do not hesitate to open another support thread. We are here to help

    Cheers,

    Jacob, Support Team

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Does not grab CSS in TEXT EDITOR’ is closed to new replies.