Announcement

Collapse

Information Needed

See more
See less

Background Image- Site Designer

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Background Image- Site Designer

    C&P Account - 29889
    Access: Granted

    I have enabled CSS editing in my event management setting and I'm trying to insert a background image in a site design but it just shows up blank. I've followed instructions in another post creating an image the right size and uploading it to C&P documents, externally enabling it and copying the URL address. (https://c.na73.content.force.com/ser...=1526145496000)

    I've then copied it into the code given in the forum-
    .CustomImage{
    background:url("https://c.na73.content.force.com/servlet/servlet.ImageServer?id=0151I000000Xhuc&oid=00D1I00 0001eb8B&lastMod=1526145496000");background-repeat:no-repeat;
    background-size:contain;
    background-position: center;
    background-position: top;

    I've also tried coping the URL into segments on the CSS code already in the template- still doesn't seem to work.

    The template I am working on it called "sponsorships" and it is assigned to the 'sponsors' registration site. If you can fix the problem for me that would be great! I'd also like to know the steps I should take/where I a going wrong so I can edit this myself in the future.

    Thanks for the help!

  • #2
    Good day @araby@go

    We reviewed your Sponsorships template and found that the CSS name mismatched with HTML code defined for the background.

    Here is the updated code for Custom CSS:

    /*For Leda Template */
    .SiteBackgroundImage_default {
    background-image: url(https://c.na73.content.force.com/ser...526145496000);
    background-size: cover;
    background-position: 50% 50%;

    }

    Also, you may change the above background-position property accordingly with the respective image.
    Regards,
    Click & Pledge Support Department

    On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

    Join us @ the educational webinars: https://clickandpledge.com/webinars/
    Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
    Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

    Comment


    • #3
      The code still doesn't seem to be working. When I view the page it is a blank background- is there a problem with how the photo was uploaded?

      Comment


      • #4
        Good day @ @araby@go

        We reviewed and discovered that you have not pasted full URL of the image. We have replaced with correct and it is working now.

        Please check and let us know if we can be of any further assistance.
        Regards,
        Click & Pledge Support Department

        On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

        Join us @ the educational webinars: https://clickandpledge.com/webinars/
        Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
        Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

        Comment

        Working...
        X