chilihead Posted April 16, 2015 Share Posted April 16, 2015 I can see where to upload a logo, but where can you upload a background image for the header? I use a gradient. Thanks Link to comment Share on other sites More sharing options...
Joel R Posted April 17, 2015 Share Posted April 17, 2015 No option.I definitely support uploading a custom header and a custom background.e Link to comment Share on other sites More sharing options...
chilihead Posted April 17, 2015 Author Share Posted April 17, 2015 So it has to be done in CSS. Does that mean we can't use simple method? Where is CSS? I'm learning this new acp but can't find it. Thanks Link to comment Share on other sites More sharing options...
ehren. Posted April 17, 2015 Share Posted April 17, 2015 I can see where to upload a logo, but where can you upload a background image for the header? I use a gradient. Thanks No option. I definitely support uploading a custom header and a custom background.e This may help: http://www.ipsfocus.com/forums/topic/7896-header-background-image/ Link to comment Share on other sites More sharing options...
chilihead Posted April 17, 2015 Author Share Posted April 17, 2015 I'll check it out thanks. Link to comment Share on other sites More sharing options...
Bruce_man Posted April 17, 2015 Share Posted April 17, 2015 So it has to be done in CSS. Does that mean we can't use simple method? Where is CSS? I'm learning this new acp but can't find it. ThanksAdminCP - Customization - themes - click </> (edit HTML & CSS) - CSS Link to comment Share on other sites More sharing options...
chilihead Posted May 13, 2015 Author Share Posted May 13, 2015 So this can't be done in Easy Mode? Link to comment Share on other sites More sharing options...
Terry - AKA Dumbledore Posted May 13, 2015 Share Posted May 13, 2015 So this can't be done in Easy Mode?If you want to make a gradient background in the header, then yes. You just need to know the proper color hex codes. Go to the easy edit of the theme and select the header area, click on the header background. Click on the color and use the add additional color to create a gradient background. Link to comment Share on other sites More sharing options...
chilihead Posted May 13, 2015 Author Share Posted May 13, 2015 Not that simple it needs to match the bg in the actual logo. I guess I need to use the css mode. Was hoping to use simple. Link to comment Share on other sites More sharing options...
wmarcy Posted May 13, 2015 Share Posted May 13, 2015 Here is how I did it.In custom.css I put this code:.ipsApp_front { background-image: url('/uploads/image.jpg'); background-repeat: no-repeat; background-position: top center; background-size:cover}.ipsApp_front #ipsLayout_header header { background-color: transparent; Link to comment Share on other sites More sharing options...
Terry - AKA Dumbledore Posted May 13, 2015 Share Posted May 13, 2015 Not that simple it needs to match the bg in the actual logo. I guess I need to use the css mode. Was hoping to use simple.Can the logo background be edit out and recreate the gradient background and add the altered logo? That how I would do it. Link to comment Share on other sites More sharing options...
chilihead Posted May 13, 2015 Author Share Posted May 13, 2015 Here is how I did it.In custom.css I put this code:.ipsApp_front { background-image: url('/uploads/image.jpg'); background-repeat: no-repeat; background-position: top center; background-size:cover}.ipsApp_front #ipsLayout_header header { background-color: transparent;Thank you @wmarcy.To clarify that is not something you can do in simple mode right? Link to comment Share on other sites More sharing options...
chilihead Posted May 13, 2015 Author Share Posted May 13, 2015 Can the logo background be edit out and recreate the gradient background and add the altered logo? That how I would do it.I considered that. I'll figure it out thanks a lot. Link to comment Share on other sites More sharing options...
Terry - AKA Dumbledore Posted May 13, 2015 Share Posted May 13, 2015 Thank you.To clarify that is not something you can do in simple mode right?The header gradient can be done in Easy Mode. The editing of the logo would have to be done in a program like photoshop. If you post the logo imageI'll see if I can edit it to make it transparent. That how I have my sig logo done. Link to comment Share on other sites More sharing options...
chilihead Posted May 13, 2015 Author Share Posted May 13, 2015 I understood, that post was for wmarcy, thanks again! Link to comment Share on other sites More sharing options...
Terry - AKA Dumbledore Posted May 13, 2015 Share Posted May 13, 2015 Link to comment Share on other sites More sharing options...
wmarcy Posted May 14, 2015 Share Posted May 14, 2015 I understood, that post was for wmarcy, thanks again!I did it in simple mode, so you ought to be able to do it also. Link to comment Share on other sites More sharing options...
chilihead Posted May 14, 2015 Author Share Posted May 14, 2015 A-ha!Editing html and css is in the dropdown! Found it!Since in manual mode it is a button I thought it wasn't available. This is a great revelation, thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.