Issues with Custom CSS

  • Resolved girlgold

    (@girlgold)


    8 years, 1 month ago

    Hi,

    The custom CSS that I enter with this plugin doesn’t take effect. I’ve checked my syntax and tried applying it to different elements and it doesn’t seem to stick. For instance, I’m trying:

    input#wp-submit.button.button-primary.button-large {
    background: #383A39!important;
    border-color: none!important;
    box-shadow: none!important;
    color: #fff!important;
    text-decoration: none!important;
    text-shadow: none!important;
}

.login h1 a{
background-size: 150px;
height:150px;
width:150px;
}

    There are no changes to the login page.

    I’ve tried including both !important and removing !important. I’m not sure whether or not there is a linking issue with the custom stylesheet.

    Changing the logo works!

    Thanks for your help with this.

    Leanne

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author larsactionhero

    (@larsactionhero)

    8 years ago

    Hi,

    sorry for the late response.
    Your css is correct, but can’t take effect, because the custom css field is meant to be used with styles regarding the logo styling (and ONLY this one 😉 ), not for adding whole class definitions.

    The text in the custom css field is written into an inline style:

    body.login div#login h1 a {
    <strong>[CODE FROM PLUGIN IS PLACED HERE]</strong>
}

    Maybe i’ll release an update with the possibility to add whole css classes in the settings field. 😉

    Plugin Author larsactionhero

    (@larsactionhero)

    8 years ago

    Btw, at least there is a (ugly) hack to reach your goal:

    
background-size: 150px;
height:150px;
width:150px;
} 
input#wp-submit.button.button-primary.button-large {
    background: #383A39!important;
    border-color: none!important;
    box-shadow: none!important;
    color: #fff!important;
    text-decoration: none!important;
    text-shadow: none!important;

    Which will result to the following code (the bold text ist what you need to place in css settings field):

    body.login div#login h1 a {

    background-size: 150px;
    height:150px;
    width:150px;
    }
    input#wp-submit.button.button-primary.button-large {
    background: #383A39;
    border-color: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;

    }

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

The topic ‘Issues with Custom CSS’ is closed to new replies.