Jump to content

Where do you upload a header background image in 4.0?


chilihead
 Share

Recommended Posts

  • 4 weeks later...

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

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

 

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?

Edited by chilihead
Link to comment
Share on other sites

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 image

I'll see if I can edit it to make it transparent.

 

That how I have my sig logo done.

Edited by AlbusDumbledore-Terry
Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...