Scaling the Header Image

Sparkling
1

Hi,

I would like to start a personal blog using sparkling theme because of its minimalist yet modern design. This is my first attempt in starting a blog and therefore, I am a complete novice. The recommended size of the header image of this theme isn’t working for me. I do not want a slider, but then I would prefer a bigger header image. Is it possible? If possible, can these be done?

  1. I would like to increase the depth of the header area slightly higher.

  2. I also want to scale the header image to browser width. Can these two be possible? I also do not want any background color outside the header image.

I tried looking out at the forum support but was not able to find similar ones. In certain cases which were similar, I couldn’t understand it fully to how to modify it for my case.

Thanks in advance.

2

Hi Siny,

I hope you are well today and thank you for your question.

You can achieve this by setting large image as header image on the following path

Admin Area -> Apperance -> Customize -> Header Image

And then add the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

#masthead .container .row {
  margin: 0;
}
#masthead .container {
  width: 100%;
  padding: 0;
}
.navbar-collapse.collapse {
  max-width: 1170px;
}

Best Regards,
Movin

3

Thanks a lot !

4

You are most welcome here :slight_smile: