[summertiger]

I’d like to create a background image similar to this page: http://themes.pixelwars.org/readme-wp/stop-worrying-about-how-pretty-it-is/

However, if I choose the shortcode “full width image”, the image is shown BELOW the title. I’d like the full width image to show BEHIND the title as the background…How do I do that?

Thanks!

[serkan]

Hi summertiger,
When you create a post, don’t use the shortcodes. Set featured image for the post and add your content. At the top-right corner, you can see “Featured İmage Style” and choose “full-width”. That is all.
Thanks

[summertiger]

Thanks for the quick reply!

I see “featured image style” for Posts, but is this not available for Pages?

[summertiger]

What I mean is this: When I set the featured image for a Page, the image is shown ABOVE the title… I’d like the title to be OVER the image.

[serkan]

Hi, sorry it is not available by default for the pages and it requires more time and effort to customization, if you are not familiar to coding you may consider hiring an expert at envato studio.

[summertiger]

I know CSS and Ruby on Rails but I’m not very good with PHP. Do you happen to know what is involved in setting the image as background on Pages?

[serkan]

I wish I could help you more but I’m sorry.
Kind regards

[summertiger]

I’ve figured it out.

Just for your information, in case someone asks the same question again.

In order to move the title text over the image, one needs to change the “entry-title” class and “entry-content” class in Page.php and add the corresponding property in the css file. Mine is:

.page-entry-title{
position: absolute;
margin-top: -330px !important;
color: white;
}
.page-entry-content{
font-size: 1.2em;
margin-top: 0;
}

[serkan]

Thanks for sharing your solution.