[Arthur]

Hi guys.

Just two quick questions (which would be better answered if I provide you with a link to my page as it currently looks — arthurvelker.com):

1. I would like to replace the whole header section with an image if that is possible — meaning getting rid of the site title text and description. If it is possible to do so while keeping the navigation menu intact, then that would be even better. If not, no hassle.

(As a parenthesis, I used the code .site-header { background-image: url(“paper.gif”); } but to no avail. The image just disappears behind the text and a layer of white. I would like a nice clear sucker covering the whole front of the page with nothing else interfering.)

2. I would like to center the blog post texts on the home page. As you can see I don’t have a menu there yet it still aligns to the left. Any help with that would be incredible.

Thanks a million in advance.

[serkan]

Hi,
1. Please go to appearance > theme options > general > logo type > choose > image logo . and upload an image then save it.
2. Apperance > theme options > blog > disable post sidebar and save it.
Thanks

[Arthur]

Hi. Thanks a million or the response. I done as instructed and have just one issue. I would like the header photograph tiled across the whole top section right to the borders of the page rather than a small icon — as it currently stands. Is there any way of doing this?

[Arthur]

I’ve had a look around and can now provide a more accurate picture of what I’m looking for. The style I want better resembles a background image rather than a header image. The CSS code .site-header { background-image: url(“image.gif”); } has done that for me but without the adjustment of size accordance with the screen.

I would like the background image to readjust itself according to the size of the screen (tablet, iPhone), if that is possible, and then remove anything that is in the header so only the photograph is left.

Also, if it is possible to change the menu bar in the iPhone/tablet variations to transparent to allow for only text to be displayed on the backdrop of the photograph without the white bar that would be great also.

I hope this better illustrates my request.

Thanks in advance

[serkan]

Hi,
Could you try to use this custom css code;

.site-header { background-size: cover;  }

Second request is not possible by default.
Thanks

[Arthur]

Hi,

Tried the code but the sizing is off. Also made tweaks to the image size to accommodate the frame but to no avail, as the bottom frame keeps slicing off a chunk off the image.

Best I could achieve is as it is now.

I just need the bottom frame to extend to accommodate the whole photo.

Thank you

[serkan]

Hi,
I will forward this topic to our developers and i will keep you updated.
Thanks

[Arthur]

Thank you.

[ahmetsali]

Hi, I am not sure if this is what you want but you may try this custom css code;

.site-header {
    background-position: center; background-size: cover; padding-bottom: 26%;
}

Cheers.

[Arthur]

That is indeed exactly what I was looking for.

Thanks a million for your help guys.

Much appreciated.

[ahmetsali]

you’re welcome ;) please don’t forget to rate the theme on themeforest if you liked it, thanks.