Header: use custom solid color insted image

  • Hello, I see that header image adds lot of page loading time…

    Can you give me some custom css code to replace header image with a solid custom color? (and reduce its height by 50% of actual height)

    Thanks! ??

Viewing 1 replies (of 1 total)

  • Hello again,

    see previous answer in previous post for the height.

    for the background remove the image from the customise, header, background using the hide button to make sure no image is loaded.

    then add the following to the additional css and adjust color to your needs (can be a name too, like blue instead of #f5f5f5 which is the same color as the sidebar)

    header.jumbotron{
  padding:70px 0px 20px 0px;
  background-color:#f5f5f5 !important;
}

    if you want to change the text color (depending on your background color you might not be able to read it) add for example this line inside the brackets with the others.

    color:black;

    Hope this helps

    • This reply was modified 7 years, 10 months ago by Reiniepress.
    • This reply was modified 7 years, 10 months ago by Reiniepress.
    • This reply was modified 7 years, 10 months ago by Reiniepress.
Viewing 1 replies (of 1 total)
  • The topic ‘Header: use custom solid color insted image’ is closed to new replies.