Andrew Bell Posted June 17, 2017 Share Posted June 17, 2017 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 Share on other sites More sharing options...
Andrew Bell Posted June 17, 2017 Author Share Posted June 17, 2017 I just found this website that let me try out code and this works but not for uploaded image. <body style="background-image:url(http://wallpapercave.com/wp/TvcT2UV.jpg)"> Link to comment Share on other sites More sharing options...
Andrew Bell Posted June 17, 2017 Author Share Posted June 17, 2017 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 Share on other sites More sharing options...
jcdesign Posted June 17, 2017 Share Posted June 17, 2017 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%; } Link to comment Share on other sites More sharing options...
Andrew Bell Posted June 17, 2017 Author Share Posted June 17, 2017 Aye Sir! I will try it right now! thank you. Link to comment Share on other sites More sharing options...
Andrew Bell Posted June 17, 2017 Author Share Posted June 17, 2017 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 Share on other sites More sharing options...
jcdesign Posted June 17, 2017 Share Posted June 17, 2017 Paste it in custom.css or in the theme folder. Link to comment Share on other sites More sharing options...
Andrew Bell Posted June 17, 2017 Author Share Posted June 17, 2017 Thanks for the help JC, I got ti working another way now thank you for help. Link to comment Share on other sites More sharing options...
TheJackal84 Posted June 19, 2017 Share Posted June 19, 2017 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 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 Share on other sites More sharing options...
steve00 Posted June 20, 2017 Share Posted June 20, 2017 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 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.