Tiled image background (inside .home)

Posted in: Newspaper
Post count: 14
kinichb
#26507
Nov 4, 2014 at 10:19 pm

Hi,

Great theme btw.

I have a client that wants a “vintage” look to the site. This would be easily accomplished using a simple tiled image as background.

I found out how to change the color of the main body’s background

.home .td-page-wrap {
background-color: #4b4b4b !important;
}

Can you help me figure out how to change this to use a image?

.home .td-page-wrap {
background-image: url('paper.gif');
background-repeat: repeat;
background-attachment: not-fixed;
background-position: center;
}

Post count: 6600
Lucian
#26581
Nov 5, 2014 at 12:38 pm

Hi,

You have to add your background image url here: http://screencast.com/t/N21dAuk8
But you can use the background settings from theme panel to add your background, like this:

– config: http://screencast.com/t/Mdtx0cOPd
– result: http://screencast.com/t/9Xu3VCNjfu6

Or you can do it via css, like this: http://screencast.com/t/V66sXIeMwok

.home .td-page-wrap {
background-image: url('http://www.psdgraphics.com/file/blank-world-map.jpg');
background-repeat: repeat;
background-attachment: not-fixed;
background-position: center;
}

Hope this helps!

Thanks

  • This reply was modified 11 years by Lucian.
Post count: 14
kinichb
#26680
Nov 5, 2014 at 10:09 pm

Hi,

Thanks for the quick help. However, I am looking to use an image on the “inside” of the boxed layout hence the use of the

.home .td-page-wrap

would my CSS code above work on the inside of the ‘boxed’ layout’?

Post count: 14
kinichb
#26688
Nov 6, 2014 at 4:59 am

Nevermind,

I tried out my CSS and it works exactly as I wanted.

You can mark this as resolved

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.