How to replace the background image?

arhivar

JA Teline V - Events
I can not understand ... How to replace the background image?
Explain how this can be done.

Ninja

arhivar Hi
Add this code in /css/custom.css file and change the image path with your image

.layout-events body {
    background: url(/templates/ja_teline_v/images/ev-bg.jpg) no-repeat fixed center top #0077bb;
    background-size: 100%;
}

Or replace this image with same name /templates/ja_teline_v/images/ev-bg.jpg

lexdiver

sorry for the old post but that changes the events page -
how to set a home page with a coloured background - i cant make it work

saguaros

lexdiver Suppose that you're also using Magazine as layout for the homepage as our demo site.

You can use this custom CSS to set the background like 'Events' page:

.layout-magazine body {
    background: url(/templates/ja_teline_v/images/ev-bg.jpg) no-repeat fixed center top #0077bb;
    background-size: cover;
}

.layout-magazine .t3-wrapper {
    background: transparent;
}

and change to your own image.

lexdiver

Not having much look on this

I have created a custom.css file.

I used the quickstart so Home/Magazine is as per that

tryagain.palaceshieldcricket.co.uk

saguaros

You're using Magazine layout on homepage, but I don't see the code I suggested above yet, kindly add the background as you wish.

lexdiver

Thanks

Got there

Can i now make the News module have a white background rather than transparent?

saguaros

You can share screenshot of how you want to achieve, I will suggest you further.

lexdiver

Basically like the events page

where the background of the site is an image but the content has a white background so it can be read

ill try and sort a screenshot in a min

lexdiver

Like this
https://paste.pics/0604d457929b79b5498fcd9d2ea3bf7c
![https://paste.pics/0604d457929b79b5498fcd9d2ea3bf7c](https://)

saguaros

You can add this custom CSS:

.t3-mainbody.container {
    background: #fff;
}

lexdiver

thanks
My other concern is how to ensure images pulled through are of a certain size

which image does ACM pull though?
Is there settings i can get to stretch to fit X size

saguaros

There are lots of JA ACM module used in this template, which one are you referring to?

Normally, it will take the intro image of each article and show on frontend.

lexdiver

I was talking about the main magazine home page - where it says in the spotlight at the top

id love to fix the images at say 480x600

saguaros

That module is retrieving intro image of each article, you can edit intro image of each article then.