custom css not showing in browsers, but show on tablet/phone

You have a lot of files shut off. Why? Your snippet is after a @media query.

Screenshot

• This reply was modified 6 years, 2 months ago by stefsternyc.

Hi there famsource,

This could be from caching. If your host has caching setup, you might need to clear it. If you are using a caching plugin, you might need to clear it. If you are using cloudflare, you might need to clear that as well. That way when you aren’t logged in, you can see your changes.

Another thing to check is to make sure the CSS you are adding isn’t inside some responsive section of your CSS basically only making the CSS you’ve added apply to certain browser sizes. I have had this issue before.

That doesn’t sound good. I haven’t tried shutting anything off, I don’t believe any of that is intentionally. I am very new to wordpress and coding. My custom css is very minimal.

Hello David. Yes I have tried clearing cache within wordpress, my browsers and multiple times. A while ago I actually had my host (Bluehost) shut off their caching for my site. I am using WP Fastest Cache. I am using Site Origin for my custom css.

NYC. I wish I had an answer for why that code is where it is. I use the Site Origin for my css and that is the only custom code I have used without something a plugin may change.

I am not seeing your CSS in any of the CSS files listed in the source of your website. It was difficult to look through them because of wpfc-minified. So maybe Site Origin CSS isn’t outputting properly?

That makes sense. The theme (Oceanwp) I am using has a place for custom CSS. Should I move the CSS there and delete the Site Origin Plugin?

It’s in his style.min file @phoenixfireball

@famsource View source man! Best tool on Chrome. I’ve never see a theme have so many files commented out. It’s like a team from somewhere has hacked this site to death. Clean that code up man. LOL Just razzing. But I’m not.

• This reply was modified 6 years, 2 months ago by stefsternyc.

NYC. No worries. I have noticed before a lot of strikeouts through code, but didn’t know why. Besides using Plugins, I have changed anything besides some CSS. Is the view source an extension on Chrome? I have used the inspect tool, but like David said it is hard to read through. Is it possible my new site was hacked? I wouldn’t know how to begin to clean up the code. Any advice to at least get me started!

@stefsternyc – I don’t see the styles he listed in his first post in that file, also the only style.min file I see is commented out…lol.

@famsource – Who built this for you, did you build it yourself? Can you turn off the WPFC Minified plugin? I think that might be part of the issue here.

View Source is like Inspect. It is built-in to Chrome and other web browsers. And I don’t think you’ve been hacked at all. I think you might be having plugin conflicts.

@phoenixfireball – that’s what I mean. He/She is writing to a commented out field. LOL No offense and I’m not laughing at anyone in general. Just laughing. It’s like trying to blowup a tire that’s flat.

Hacked = bad coder

David. I will have to unfortunately admit that any and all errors are from me. None of which are intentional. I am familiar with the Inspect for Chrome and just saw I can dig a little deeper with the Developer Tools also. The problem is I am learning as I go. I don’t have the money to hire someone so I am building myself. The WPFC Minified plugin doesn’t sound familiar of anything I have added. I know in WP Fastest Cache there is an option to delete cache and minified CSS/JS.

NYC..LOL! I am a he and that was a good analogy!! This is what I get for trying to teach myself. I have never intentionally tried to strike out any code or remove it. With spaces I have about 65 lines of CSS that I tried to add and that is it. So for me, trying to understand why there is so many commented out files/lines. Would that be plugins conflicting?

@famsource – you don’t need to hire anyone. Everybody here is here to help. Your theme has been overtaken by a lot of bad work.

That theme comes with a section called Additional CSS. Click Customizer to see it. It’s a few tabs down once Customizer is open. Add your CSS there so it can overtake and do what you want. You can even put your responsive @media queries there as well. Just use best code practices when doing so.

• This reply was modified 6 years, 2 months ago by stefsternyc.