Background Image

Permalink Browser Info Environment
Hey, everyone! I figured there would be lots of people using this theme but this forum is empty.

I know within the theme you can change the color of the background but I would like to change the background to an image. I've tried modifying main.css but nothing I do seems to effect it. Any suggestions?

Type: Discussion
Status: In Progress
ckwill90
View Replies:
jordif replied on at Permalink Reply
jordif
Hi!

Yeah, there's quite a few people using the theme, but it seems you're the first person to post in the forum :)

Sure, you can add a background image just by editing the main.css. Remember to clear the cache (that might be the problem) or simply turn it off while developing your site.

If you post your CSS, I can take a look.

By the way, last month I released the premium version of the theme (Long Story Short Parallax) if you're interested.

Regards,

Jordi
ckwill90 replied on at Permalink Reply
ckwill90
Wow! Quick response. I tried the cache but that didn't seem to do the trick. I'm sure it's something I'm doing wrong. I'm trying to add it in the body section.

body { background-image:url(http://www.website.com/snow.png); }

Nice theme btw!! I did see the paralax theme which looks really cool but I'm doing this project pro bono right now.
jordif replied on at Permalink Reply
jordif
Hi!

I'm glad you like the theme!

Your code looks ok. I think this has something to do with concrete5 rewriting the image absolute url.

Try the following:

1. Copy your image (snow.png) into the "img" folder within the theme.
2. Change your CSS to:

body { background-image:url(img/snow.png); }


Let me know if this works!

Jordi
ckwill90 replied on at Permalink Reply
ckwill90
Thank you! I had actually done that first but I had

body { background-image:url(.../img/snow.png); }

which I'm not sure why that wouldn't work. But taking out '.../' did the trick.

Thanks again!
madeforspace replied on at Permalink Reply
madeforspace
Hi Jordi

I'm having problems with putting in a background image.
Has anything changed?
I added background-image to the main.css file body above the attachment and size css instructions... see below... and when I refreshed the page I could see the pic briefly before it was covered in white. I have inspected the element but can't find a problem.

body {
background-image:url(../img/secured-corporate-finance-paving.jpg);
background-attachment: fixed;
background-size: cover;
}

I've tried removing the ../ but it didn't work at all.
You can see the website here:http://scf.mfsdev.com/
Please can you advise asap?
Thanks
Jo
jordif replied on at Permalink Reply
jordif
Hi!

Sorry for the delay. It seems you were able to get it to work, right?

Anyway, please note that this is an old support ticket for the 5.6 version of the theme. The docs for the new version are here:

https://www.concrete5.org/marketplace/themes/long-story-short1/how-t...

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.