ghinton Posted November 15, 2014 Share Posted November 15, 2014 I am a little confused about editing the theme in 4.0. I want to add a background image to the header section. I see where to change the color, but what file do you have to edit to add a background image? Link to comment Share on other sites More sharing options...
SJ77 Posted November 15, 2014 Share Posted November 15, 2014 did you try using firebug to look into it?if you know where to change the background color, can't you just use the same CSS file to add a background image? Link to comment Share on other sites More sharing options...
Angeels Posted November 16, 2014 Share Posted November 16, 2014 #ipsLayout_header > header { padding: 10px 0 125px 0; margin-bottom: -115px; background: #3d5e78 url(YOURBACKGROUNDIMAGE.png); }Should be found in framework > global.css Link to comment Share on other sites More sharing options...
DesignzShop Posted November 16, 2014 Share Posted November 16, 2014 Each theme in 4.0 has it's own set of folders. After you create your theme you can use the "Manage Images" feature from your specific theme drop down then call the image with the given image output information, for example..Edit.. There may be a bug right now that prevents this from working, I think it got fixed for round 3? Also, adding to your Manage images folder allows you to export your theme whole. {image="MyImage.png" app="core" location="front"} Link to comment Share on other sites More sharing options...
DesignzShop Posted November 16, 2014 Share Posted November 16, 2014 Ok, my last edit didn't stick so I believe in whole the code would look like this ... I think #ipsLayout_header > header { padding: 10px 0 125px 0; margin-bottom: -115px; background: #3d5e78 url({image="MyImage.png" app="core" location="front"}); } Link to comment Share on other sites More sharing options...
Max_69 Posted November 16, 2014 Share Posted November 16, 2014 ftp create new folder called img, in global css put this code:#ipsLayout_header > header { padding: 10px 0 170px 0; margin-bottom: -150px; background: url("/forum/img/11.jpg") fixed top;} Link to comment Share on other sites More sharing options...
DannyPhantom Posted May 29, 2015 Share Posted May 29, 2015 Where I can find the global.css? Link to comment Share on other sites More sharing options...
Gary_J_Wright Posted May 29, 2015 Share Posted May 29, 2015 http://community.invisionpower.com/files/file/7408-header-image-by-ips-themes/ I use this plugin to change header image Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.