Jump to content

Adding a Background

Andrew Bell

By Andrew Bell
in Marketplace

Recommended Posts

Andrew Bell Rookie

Andrew Bell

Posted
Posted

I have just got the new version and got my website online so all good first try!

But I would like to add in a background image now, but the tools only let you add in a logo as far as I can see.

I have found the Themes section and then edit HTML and CSS code, but ufff I not a wiz kid and it has been years I last had a go at this type of stuff.

Was just hoping somebody would point me to the right location to put in the code please.

I have already uploaded my image ready.

thank you.

NM - Andy

Link to comment
Andrew Bell Rookie

Andrew Bell

Posted
  • Author
Posted

Ok almost there!

<body style="background-image:url(http://wallpapercave.com/wp/TvcT2UV.jpg)">
      </body>

This works at finding an image on the internet and setting it as the background no problem at all.

But if I wanted to change it to find it on my server what would the code be then?


public_html/images/green.jpg

Link to comment
Andrew Bell Rookie

Andrew Bell

Posted
  • Author
Posted

I have just used the following an no luck so far.

body.ipsApp_front { 
    background-color: #1b1d21;
    background-image: url(https://public_html/images/green.jpg;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}


body.ipsApp_front { 
    background-color: #1b1d21;
    background-image: url(https://nightmareeng.com/public_html/images/green.jpg;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}

 

Link to comment
TheJackal84 Veteran

TheJackal84

Posted
Posted
On 17/06/2017 at 7:43 PM, jcdesign said:

Try something like this: 


body.ipsApp_front { 
    background-color: #1b1d21;
    background-image: url(https://your-url.com.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}

 

Should be  body only 

body {
    background-color: #1b1d21;
    background-image: url(https://your-url.com.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}

 

On 17/06/2017 at 8:14 PM, Andrew Bell said:

Thanks for the help JC, I got ti working another way now :thumbsup:

thank you for help.

Do you want a plugin for this what will allow uploaded images? should only take a couple minutes to make

Link to comment
steve00 Proficient

steve00

Posted
Posted
On ‎17‎/‎06‎/‎2017 at 7:51 PM, Andrew Bell said:

I have just used the following an no luck so far.

body.ipsApp_front { 
    background-color: #1b1d21;
    background-image: url(https://public_html/images/green.jpg;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}


body.ipsApp_front { 
    background-color: #1b1d21;
    background-image: url(https://nightmareeng.com/public_html/images/green.jpg;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0%;
}

 

You are missing the closing ) between green.jpg and ;

Link to comment

Archived

This topic is now archived and is closed to further replies.

Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
Invision Community © 2024 IPS, Inc.
×
×
  • Create New...