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

  • Theme is OceanWP. I am trying to style the “Categories Search” Widget. So when I view my site while logged into WordPress all looks fine (using Chrome). On my tablet and phone (both Apple) all looks fine. When I log out and view in Chrome, IE or Edge, it is back to the basic style. After inspecting, none of my custom css changes seem to be there? Below is the code I am using and a pic of what I am trying to do…

    View post on imgur.com

    .widget-title {
    border-style: dotted !important;
    border-color: #134ED7 !important;
    }

    .theme-select {
    border: 1px solid !important;
    border-color:#134ED7 !important;
    }

    .theme-select:after {
    font-size: 20px !important;
    color: #02AD00 !important;
    border-left: 1px solid #134ED7 !important;
    }

    I know I am doing something wrong…I am just not knowledgeable enough to figure it out. Thank you in advance for any help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 31 through 34 (of 34 total)

  • The code you were adding was being placed inside a responsive query. That’s why it was only showing on mobile.

    I’m at dinner right now. Red Sox man gotta go. My wife will kill me

    Thread Starter Michael

    (@famsource)

    Haha…Go Red Sox! Thank you for your help.

    Site looks good man! All good.

    Thread Starter Michael

    (@famsource)

    @stefsternyc – I appreciate that. Starting from nothing and learning while I am going has had some very tough and long days. Enjoy the game and sorry to your wife for taking so much of your time.

Viewing 4 replies - 31 through 34 (of 34 total)
  • The topic ‘custom css not showing in browsers, but show on tablet/phone’ is closed to new replies.