CSS changes not working

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Kush Sharma

    (@kushsharma)

    10 years, 1 month ago

    Hey paul,

    I am unable to duplicate the problem you are having with css files. I hope you are doing this right by:
    1) Go to wp-content>plugins>kush-micro-news>assets>css>style.css
    2) Edit it in the way you wanted to do. Suppose you want to increase the font size of story titles then you should increase “font-size” property in “.wrapNews .title” class.(say 20px)

    for example-
    .wrapNews .title{
    ……..other properties…….
    font-size:20px;
    ……..other properties…….
    }

    3) Save the file and re-upload it to your server folder(assets>css).

    If this doesn’t fix it, please feel free to explain what you are trying to edit in css file.

    Thread Starter paulinelephew

    (@paulinelephew)

    10 years, 1 month ago

    Thanks for the answer Kush,

    I have done exactly that a number of time and only the color of the read more was taken into consideration, and yet not even the white on hover.

    Here is the link to the page: http://www.wordpress.paulinelephew.com/liens-externes/

    I have no idea why the CSS is not working as I have been following these exact steps.

    Thanks for your help,

    Pauline

    Here is my CSS

    /* Sidebar Micro News Starts */

    /* slightly enhanced, universal clearfix hack */
    .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ” “;
    clear: both;
    height: 0;
    }
    .clearfix { display: inline-block; }
    /* start commented backslash hack \*/
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    /* close commented backslash hack */

    #micro-news {
    width:99%;
    height:auto;
    border:0px solid red;
    overflow:hidden;
    margin-bottom:5px;
    }

    #micro-news .head{
    width:100%;
    background-image: url(http://www.wordpress.paulinelephew.com/wp-content/uploads/2014/03/actu.jpg);
    border-top:2px solid #CCC;

    }

    #micro-news .head strong{
    display: none;
    }

    #micro-news .wrapNews{
    width:99%;
    padding:2px 2px 20px 2px;
    border-left:4px solid transparent;
    min-height:50px;
    position:relative;
    }

    .wrapNews .title{
    color:#ff9933;
    font-size:15px;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 0px;
    margin-bottom: 2px;
    line-height:1.5em;
    }

    .wrapNews .text{
    padding-bottom:20px;
    position: relative;
    }

    .wrapNews .postedOn{
    font-size:10px;
    border-bottom:2px solid #CCC;
    position:absolute;
    left:0px;
    bottom:0px;
    }

    .wrapNews .link{
    position:absolute;
    right:5px;
    bottom:2px;
    padding:2px;
    }

    .wrapNews .link:hover{
    background-color:#ff9933;
    }

    .wrapNews .clean:hover{
    background-color:transparent;
    }

    .wrapNews .link a{
    color:#ff9933 ;
    }

    .wrapNews .link a:visited{
    color:#ff9933 ;
    }

    .wrapNews .link a:hover{
    color:white;
    }

    #micro-news-more-link{
    padding:10px;
    border:1px solid #CCC;
    }
    #micro-news-more-link:hover{
    background-color:#ff9933;
    }

    /* ——————————————Admin starts —-*/

    #micro-news .editB{
    float:right;
    width:100px;
    position:absolute;
    top:0px;
    right:15px;

    }

    #micro-news .closeB{
    margin-top:1px;
    padding:4px 5px 4px 5px;
    color: #fff;
    background: #21759b;
    cursor:pointer;
    position:absolute;
    top:0px;
    right:0px;
    width:5px;

    -webkit-border-radius: 11px;
    border-radius: 11px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    }

    #micro-news .closeB:hover{
    -webkit-border-radius: 1px;
    border-radius: 1px;
    }

    #mirco-news .container-admin-meta-link{
    position: relative;
    }

    #update-micro-news {
    border-top: 2px solid #565656;
    }

    #update-micro-news .row{
    width:100%;
    padding:5px;

    }

    #update-micro-news .row label{
    display:block;
    }

    #update-micro-news input[type=text]{
    width:400px;
    }

    #update-micro-news textarea{
    width:400px;
    height:80px;
    }

    #add-micro-news label{
    display:block;
    }

    #add-micro-news input[type=text]{
    width:400px;
    }

    #add-micro-news textarea{
    width:400px;
    height:80px;
    }

    #add-micro-news .row {
    width:100%;
    padding:15px;
    }

    #add-micro-news input[type=submit]{
    width:100px;
    }

    .micro-news-post-nav{
    padding:2px;
    margin:0;
    font-size:15px;
    line-height:20px;
    }

    .micro-news-post-nav li a{text-decoration:none;}

    .micro-news-post-nav li{
    padding:2px 10px 2px 10px;
    float:left;
    border-bottom:2px solid #888888;
    border-top:2px solid #888888;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
    margin-right:5px;
    }
    .micro-news-post-nav li:hover{
    border:2px solid #888888;
    }

    /* —-Admin ends —-*/

    /* Sidebar Micro News Ends */

    Plugin Author Kush Sharma

    (@kushsharma)

    10 years, 1 month ago

    Hey,

    I followed your link and i think the changes you are trying to add through css is added successfully! Have you tried clearing your browser cache? If you are on Google Chrome, hit Ctrl+F5 for a hard reload. You can also clear browser cache through settings.

    Please let me know if it resolves your problem, otherwise i will surely look into my plugin if it is the root of this bug.

    Thread Starter paulinelephew

    (@paulinelephew)

    10 years, 1 month ago

    Hi Kush,

    I cleared the cache of course and tried it on safari, chrome, firefox and opera. It doesn’t work in any of them for me. This is driving me nuts!

    As always, thanks for your help,

    Pauline

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS changes not working’ is closed to new replies.

Tags