Blog synopsis on front page – help with css to change colour

  • Author
  • #3005147


    Hi there

    I need help please.

    I’ve redesigned a website installing whitish wp theme. The blog synopsis on the front page is in dark grey and I wish to change this colour. Not for love nor money do I know what this element is called in the CSS to change it.



    Hi @, it looks like you are using WordPress but you are not hosted here at For self-hosted WordPress sites such as yours using Whitish Lite, there is a support forum at where you can post your questions.

    The differences between and

    I did take a quick look at your site and are you talking about the gradient that goes black to grey? If so, this is the CSS rule you would need to add to your custom CSS and then you need to edit and change the RGB color codes in all of the declarations. The RGB color code is the first three numbers between the parentheses, the fourth number is the opacity with 0 being fully transparent and 1 being fully opaque.

    header.entry-header {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        font-size: 14px;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;

The topic ‘Blog synopsis on front page – help with css to change colour’ is closed to new replies.