[switcha]

Hiya,

Whenever I select a background image in the header section it ends up stretched and looks awful. I’ve tried different sized images and different formats (JPG, GIF, PNG) but get the same result every time. I imagine this is fixable with CSS but I’m confused why it is happening in the first place as I haven’t altered anything in the default stylesheet.

Also, is it possible to view the site title and tagline without selecting a background overlay which effects the colour of the background image? This works fine with the default theme image but as you can see the title and tagline were lost when I added a background image (they are still set to display in the site identity section).

Please can someone take a look and let me know how to fix this issue – https://oxforddrinker.camra.org.uk/.

Many thanks in advance!

Matt.

[Theme Horse Support Team]

Hi Yes the background image header section are made covered position so that it gets fits for every screen sizes without affecting he height of header section.

and the site title and tagline color are made white when having background image and overlay to dark and the color are made black when overlay is set to lighter. if you want to change color of the site title and tagline then go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

.navbar-head .site-title,
.navbar-head .site-title a,
.navbar-head .site-description {
	color: red !important;
}

Please replace the ‘red’ color with your desired color (Hex Color or Color Name). The background overlay won’t affect the color of Site Title and Tagline Color.

Thanks

[Author]

Posts