Blog header image tweaks

markojung · June 2016

Hi.

Really love Be Theme, but I am still learning and potentially struggling with the amount of features. My key focus area is getting the blog going smoothly. I have a few questions:

Can I somehow define that all Blog posts are by default using the "Intro Header" template?
How do I ensure the Header image for the Intro Header is always nicely scaled so it fits with proportional scaling?
Can I define a fall-back "Intro Header" image?

The page I am working on is:

For both examples the image should be scaled that it fills the screen without any repetition.

Thanks a lot!

Marko

markojung · June 2016

Regarding question 2: I currently implemented a fix using the CSS3 attribute 'background-size: cover;'. However, this is not implemented in all browsers, so I would really appreciate a better solution.

-----8<--snip--------

.ouueg div#Intro {
-webkit-background-size: cover; /* For WebKit*/
-moz-background-size: cover; /* Mozilla*/
-o-background-size: cover; /* Opera*/
background-size: cover; /* Generic*/
}

-----8<--snap-------

Albert · June 2016

Hi,

1. This option need to be set individually for each post only. We do not have an option to set it automatically for all posts unfortunately.

2. Would be great if you can send us link to page where header is not scaled properly first so we can have a look on it. We checked the links you sent above but looks like those backgrounds are fine.

3. No, it is not possible unfortunately.

markojung · June 2016

Hi @muffingroup,

any chance you can raise the default template and default header image as feature requests for the global blog settings please?

Thank you,

Marko

Albert · June 2016

We may consider them but so far current features on the list would take few months.

markojung · June 2016

@muffingroup: do you accept patches?

Albert · June 2016

What you mean exactly?

Blog header image tweaks

Comments

This website uses cookies