• When I click on Edit CSS, the info. displaying in style.css is not displaying vertical like before. Everything appears bunched up in a horizontal straightline. It apprears like this in both Firefox and Chrome. I uninstalled and reinstalled the latest Web Developer but no change. Thank you so much for your help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you using a caching plugin?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If not maybe it’s an issue with your line endings not being understood by your server

    Thread Starter albithere

    (@albithere)

    Thank you Andrew for your response. I don’t know what a caching plugin is? Let me know and I’ll check if I do or don’t.
    What I know is that all of a sudden almost all the tabs in my Web Developer (style.css, genericons.css, widget.min.css, etc…) display all the words together like a mess and not in vertical order as before. I have not installed any new plugins. I will copy and paste how it displayed the info. before and after the change. The same thing happened to my cousins web developer look from one day to another. Thank you again so much for your attention

    BEFORE:STYLE.CSS

    input[type=”reset”],input[type=”submit”]
    {

    top:48px;right:0;width:100%;z-index:2;
    }
    .search-box{background-color:#41a62a;padding:12px;
    }

    AFTER:STYLE.CSS

    .search-box .search-field{background-color:#fff;border:0;float:right;font-size:16px;padding:2px 2px 3px 6px;width:100%;}.site-navigation ul{list-style:none;margin:0;}.search-box .search-field{background-color:#fff;border:0;float:right;font-size:16px;padding:2px 2px 3px 6px;width:100%;}.site-navigation ul{list-style:none;margin:0;}.site-navigation li{border-top:1px solid rgba(255,255,255,0.2);}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What I know is that all of a sudden almost all the tabs in my Web Developer (style.css, genericons.css, widget.min.css, etc…) display all the words together like a mess and not in vertical order as before.

    That may be intentional for the files with “.min” in their names, representing a “minified” file.

    Can you link your site?

    Thread Starter albithere

    (@albithere)

    Sure thank you

    Thread Starter albithere

    (@albithere)

    Andrew I apologize I had forgotten to go back and link my site. Here it is: http://www.miamisocialscene.com

    Regarding the last response you sent. I just have this problem with the .css files when I click on EDIT.CSS in Web Developer

    Thread Starter albithere

    (@albithere)

    Almost all the .css files are displaying the words as a mess horizontal and not in order vertically. I copy and pasted the example above. thank you again

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

The topic ‘style.css not displaying horizontal on web developer’ is closed to new replies.