How to change (grey) colors of "Maisha"?

  • Unknown's avatar
    evkirchengemeindekr · Member ·

    Hi:)

    I would like to change the grey colors of my site. For example the Footer and also the featured Image, which seems to be darker than normal.

    Thanks in advance!
    Alica

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    otpidusprime · Member ·

    Hello Alica,
    Here are the CSS codes to:

    1. Change the dark featured image overlay color: 

    .aboutpage .cd-fixed-bg-one .overlay {
    background: rgba(0,0,0,0.2);
}

    You see the last value inside rgba? That ‘0.2’ that controls the darkness of the overlay. So if you want to make it darker increase the value(maximum value is 1) and if you want to make it lighter, decrease the value(minimum value is 0).

    2. Footer grey color:
    • First change the footer background color: 

    .footer {
    background: #e4e4e4;   /*change #e4e4e4 to any color you like*/
}

    • Then make adjustments to the footer contents like the search form and calendar: 

    /*make the search input field lighter to match the footer background*/
.footer input.search-field {
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.1);
}

/*change the footer calendar color*/
.footer .widget_calendar td, .footer .widget_calendar th, .footer .widget_calendar tr {
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.5);
}

/*change the footer widget title text color*/
.footer .widget-title {
    color: rgba(0,0,0,0.8);
}

/*change the footer base text color*/
.footer a, .footer .widget {
    color: rgba(0,0,0,0.5);
}

    Hope these help 🙂

  • The topic ‘How to change (grey) colors of "Maisha"?’ is closed to new replies.