I have a super small VF page that is embedded as a component on my Contact page. It works fine internally. However, when I expose it to users in my Community, it appears differently. I've tried to edit the background of the page to the same HEX code as the Community styling and that makes no difference.
Here is my code (result is same regardless of including/removing style):
Here is what it looks like internally:
Here is what it looks like as a Community logged in user:
refer the appropriate class under the template Branding
.forceCommunityOmniBox .no-assigned-image .default-bg-overlay {
background: transparent;
}
UPDATE
The component is now supported for guest users with Spring '19.
Let Community Guest Users Upload Files release notes.
Promote file sharing in your communities. Let guest users upload files using the
lightning:fileUploadcomponent.
From documentation for the component:
By default, guest users can’t upload files. You can enable the org preference
Allow site guest users to upload files.
This section was relevant in Winter '19, removed now as the support is now available with Spring '19.
Based on the latest updated question.
lightning:fileUpload is not supported for Guest Users. Refer to the below excerpt from documentation.
Guest users can't add files to Communities.
Your only option here may be to utilize a VF page (as mentioned by Pranay in the other answer)
The documentation for lightning:fileUpload mentions the following:
File uploads are always associated to a record, hence the recordId attribute is required
And based on the help article, if you need to attach a file to a record, you will at least need a READ access on the object.
Best Answer
I was able to resolve this by adding: 'showHeader="false"'