Public
Occasional Advisor

Change banner image in community home page.

Hi,

I'm relatively new to the Khoros community. So, pardon me for this fundamental question. I'm trying to provision my dev instance and setup a sample community in Lithium. 

I want to know how do we manage the banners and headers in a community home page. 

lithium_home_screen.png

I tried to skim though documents for "Lithium Studio" and layouts, skins. But, i'm unable to change the background images either. I came across the release notes where the banner is improved but no steps to change is per requirement. 

Any help would be appreciated. 

Thanks,

Gaurang 

8 Replies 8
Honored Contributor

Hi @gaurang 

Does this doc help you https://community.khoros.com/t5/Skins-and-assets/Add-an-image-to-a-custom-skin/ta-p/109061

Best,

Toby

Community Manager - Seismic Software
Occasional Advisor

Hey Toby,

Thanks, for the information I had checked the post before. But, no help I'm unable to change the background image. 

Thanks,

Gaurang

Honored Contributor

You'll likely find it easier to just build a custom header component, will give you more control over the whole header and what you want to do with it as you may want to change other things along the way. 

Stephen

Checkout some of the stuff i've built using the platform:
Community l Ideation l Blog l Product Hubs l Check & Report l Service Status 

My latest Ideas: Vanity URL Manager l @mention Roles l  LSW Password Policy

Honored Contributor

Sorry

Community Manager - Seismic Software
Honored Contributor

@Fellsteruk we use a custom component too, but thought there was another option. Have a super day.

Community Manager - Seismic Software
Honored Contributor

It's possible there is, i just recall when i spoke with my devs about what i wanted to achieve when we did the responsive skin there answer was a custom job, good luck 

Stephen

Checkout some of the stuff i've built using the platform:
Community l Ideation l Blog l Product Hubs l Check & Report l Service Status 

My latest Ideas: Vanity URL Manager l @mention Roles l  LSW Password Policy

Thanks guys. I thought there would be an easier way to change it. Strange there's nothing out of the box.

If I get it correctly these are the steps I need to take

1. Go to components and create a custom component.

2. Give the image URL from uploaded assets and add other relevant code pieces

3. Add the component in the page (in admin view > page tab) and save.

In this case we would not modify anything at the skin level.

Is the above interpretation correct?
Honored Contributor

@gaurang I am trying to find the exact place in Studio, but as long as you have the correctly sized image, it should be easy to add. 

Toby

Community Manager - Seismic Software

Welcome to the Technology board!

Curious about our platform? Looking to connect on social technology? You've come to the right place!

Are you a Khoros customer? For direct assistance from our Support team, please visit the Support Forum.