CSS Issue

  • Resolved vnkjoshi

    (@vnkjoshi)


    6 years, 2 months ago

    Hi,

    I am using your Ocean WP theme with store demo there is following CSS style which broke some other plugin CSS especially checkbox style due to adding “!important”.

    input[type=”checkbox”] {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #bbb;
    line-height: 0;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin: -3px 10px 0 0 !important;
    outline: 0;
    text-align: center;
    vertical-align: middle;
    clear: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: 0.05s border-color ease-in-out;
    -moz-transition: 0.05s border-color ease-in-out;
    -ms-transition: 0.05s border-color ease-in-out;
    -o-transition: 0.05s border-color ease-in-out;
    transition: 0.05s border-color ease-in-out;
    }

    Kindly remove this “!important” for the above checkbox CSS style.

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

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

  • Hi,

    Can you please mention in which page you are getting error? If possible, please share a screenshot.

    Thread Starter vnkjoshi

    (@vnkjoshi)

    Please see the screenshot with the issue here

    Here is correct design screenshot with removing CSS !important value.

    Thread Starter vnkjoshi

    (@vnkjoshi)

    Any updates on this?

    Thread Starter vnkjoshi

    (@vnkjoshi)

    hey please provide any updates on the same. From a long time, I am facing this issue. It would be better if remove !important value from the margin.

    Hello Vinayak,

    Sorry for the late response. I’ll pass your query to the theme author.

    Does the !important come from the theme CSS or the plugin you are using?

    Thread Starter vnkjoshi

    (@vnkjoshi)

    Thanks for the response the “!important” come from the theme CSS and because of this some another plugin CSS broken or we can say not works properly. I already provide screenshot above. And I am using Store demo.

    Theme Author oceanwp

    (@oceanwp)

    Hello @vnkjoshi, I removed the important for the next update, in the meantime, you can directly remove it from the theme CSS, you will see no changes in the next update because I removed it too ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘CSS Issue’ is closed to new replies.