• Hi,

    I have a front end section of our site where users can upload files, however the media uploader when opened on the front end has some text color style issues and the word ‘Upload’ in it’s tab is white on a white background.

    The inspector shows that this style is defined by the Kadence styles, here is an image of what I mean…

    https://ibb.co/jV3NS9p

    If I disable the style, then the next style applied is a color set by WordPress’s styles which can be seen on a white background.

    https://ibb.co/kQmTwVL

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter streamworksaudio

    (@streamworksaudio)

    I do realize this is from the variable global-palatte-btn and that the global-palatte-btn-bg is set to a contrasting color, but somehow the WordPress styles are overriding the background color.

    Hello,

    Apologies for the delay in getting back to you!

    Please could you provide a page URL so we can also inspect the elements and styles being applied to them? Additionally, if you’re using a third-party plugin for the media uploader, kindly specify which one it is so we can try to replicate it on our end and provide a custom CSS code if necessary.

    Kind Regards,
    Karla

    Thread Starter streamworksaudio

    (@streamworksaudio)

    The uploader is part of the Dokan plugin and only registered users/approved users can access the uploader.

    I don’t think this is a problem with the plugin however, as after checking the inspector there were no styles from the Dokan being applied to that tab element, only the built in WordPress styles and then the Kadence styles which was overriding the text color set by the WordPress styles.

    Cheers

    Hello,

    Is it part of their PRO features?

    Kindly try adding this custom CSS code in Customizer > Additional CSS to make the text color show in black:

    .media-router .media-menu-item {
      color: initial;
    }

    OR

    .media-router .media-menu-item {
      color: black;
    }

    Best Regards,
    Karla

    Thread Starter streamworksaudio

    (@streamworksaudio)

    Yes that does work as expected. Maybe this should be in the Kadence styles then. As it is right now the Kadence button element styles are overriding the default WordPress styles for .media-router .media-menu-item (on the front end).

    It also adds a drop shadow to these items which is not a match to the default styles as well, but that is less of an issue than not being able to see the text.

    Cheers

    Hello,

    I’ll pass this on to our development team to see if it can be added within the theme’s styles to improve compatibility with Dokan.

    Best Regards,
    Karla

    Thread Starter streamworksaudio

    (@streamworksaudio)

    Thanks Karla,

    I think this would help for any plugin that might be using the Media manager from the front end.

    Cheers!

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

The topic ‘Front end media upload styles issue’ is closed to new replies.