Okay
  Public Ticket #1180221
text colors not staying the same on mobile site as desktop
Closed

Comments

  • barbee0264 started the conversation

    my text color will not stay the same between the desktop version and the mobile version unless you choose full site view then they are correct. how to I fix this?

  • [deleted] replied

    Hey barbee0264,

    As I can see you are using two separate sliders that are being swapped out under a certain resolution. The two sliders have different colored texts, that is why the text color changes in smaller screens.

  • barbee0264 replied

    I have gone back and made sure the text color are the same. Even copied the text color codes from one set of slide to the other and they still look different. 

  • [deleted] replied

    We have looked into this further and found out that this difference in the text colors are caused by the Divi Builder. 

    In this file: http://pfweb.org/wp-content/plugins/divi-builder/includes/builder/styles/frontend-builder-plugin-style.css on line 125:

    #et_builder_outer_content p {
        padding-bottom: 1em;
        color: inherit !important;
    }

    As it is not generated on our end we cannot adjust this code, but I beieve you could bypass this by using an HTML layer type instead of paragraph. As I can see this code is only applied on paragraphs so you should be able to avoid it that way.

  • barbee0264 replied

    Why then is it fine on the Ipad it is only a problem on the Iphone? And only with some colors?

  • [deleted] replied

    As I've mentioned before you have two sliders present at the same time in your site, and they are swapped out on certain resolutions. 

    It seems like the styling issue is only affecting the mobile version of the slider, that is why it's not working on iPhone but it does on an iPad.

    Have you tried the solution I recommended ?

  • barbee0264 replied

    not sure what styling you are referring to

  • [deleted] replied

    I meant the colors.

    Have you tried to follow up with what I've recommended ?

  • barbee0264 replied

    the actual problem was with Jetpack plugin