Hi Catalin

I’m trying to change the header on the homepage into a picture. But it keeps getting blurry, I already figured out that the code I copied here wasn’t the one to fix this issue.
Can you direct me towards the code for a header background picture that doesn’t get blurry/pixelated?

Thanks in advance!

Pieter

Hi Simion

This didn’t work for me with the header style 10, I changed the .td_block_template_6 into .td_block_template_10 trying to make it work.
So the code looked like this:

.td_block_template_10 .td-block-title {
text-align: center;
background: url(http://blog.loopearplugs.com/wp-content/uploads/2018/04/stephen-frank-492607-unsplash.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center center;
}
.td_block_template_10 .td-block-title:before {
display: none;
}

Can you help me? The uploaded backgrounds keep getting blurry.

• This reply was modified 8 years by Loopearplugs.