Legalpower Theme: How to change the look of theme

Legalpower Theme: How to change the look of theme

Legalpower theme, has limited styling options. Sometimes you might need to heavily customise the theme. 

Apologies to work with code, but below you can find the css that you can use to customise the theme. There are comments to define the use of the css, you can use the block that you need. And modify the value as per your choice.

Note: Please put below css in Themeoptions/general/customcss box.

/*header not cover the slider*/
header.sticky{
    background:#000000;
}
body{
    margin-top:101px;
}
@media (max-width: 1199px) {
    body{
        margin-top:150px;
    } 
}
@media (max-width: 767px) {
    body{
        margin-top:0;
    }  
}

/*color of the sticky header*/
header.hdr.sticky-fixed{
 background: #1F1F1F;
}

/*Typography(base)*/
body{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #878787;
}
p{
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
 color: #222;
 font-weight:700;
}
h1{
 font-size:45px;
 line-height:49px;
}
h2{
 font-size:35px;
 line-height:40px;
}
h3{
 font-size:30px;
 line-height:38px;
}
h4{
 font-size:25px;
 line-height:32px;
}
h5{
 font-size:18px;
 line-height:30px;
}
 h6{
 font-size:16px;
 line-height:28px;
}
a:hover,
a:active,
a:focus {
  color: #222222;
}

/*color of the navigation text*/
.mainmenu .nav-holder > ul > li > a{
 color:#fff;
}

/*color of the top bar text*/
.top-line,
.top-line a,
header .top-social a{
    color: #d4d2d2;
}

/*font size of navigation text*/
.mainmenu .nav-holder > ul > li > a{
 font-size: 14px;
}

    • Related Articles

    • How to change base color of Airtech theme.

      In Airtech theme, you can change the color of the theme by going to Appearance/Customise/Airtech General settings/colors. You can also see it how it works in below video.

    • How to change base color in Fitzeous theme

      You might want to change the base green color of Fitzeous theme to match your brand.  You can go to wp-admin/themeoptions/styling to change the base colors of theme. On service block overlays, there is green color, you can change it by adding some ...

    • How to change sticky header to light mode.

      In Legalpower theme, sticky header(header that appears on top when you scroll the page) is in dark mode. If you want to change it to light mode, there are 2 parts of the process. First lets change the background color to white. To do this, Please ...

    • How to change currency.

      To change currency of your website if you are using Howello WordPress Theme, please do following. https://cl.ly/1745d81f3bda

    • How to change Hero Image.

      Hero image is something that comes after the menu bar and before the content in most of the Pages. You can set Hero image globally and page level. To set or change Hero image globally, Please go to Themeoptions/Layout and then browse to extreme ...