Andrew Bell Posted June 17, 2017 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
Andrew Bell Posted June 17, 2017 Author 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)">
Andrew Bell Posted June 17, 2017 Author 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
jcdesign Posted June 17, 2017 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%; }
Andrew Bell Posted June 17, 2017 Author Posted June 17, 2017 Aye Sir! I will try it right now! thank you.
Andrew Bell Posted June 17, 2017 Author 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%; }
Andrew Bell Posted June 17, 2017 Author Posted June 17, 2017 Thanks for the help JC, I got ti working another way now thank you for help.
TheJackal84 Posted June 19, 2017 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
steve00 Posted June 20, 2017 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 ;
Recommended Posts
Archived
This topic is now archived and is closed to further replies.