Announcement

Collapse

Information Needed

See more
See less

Styling / Inline CSS in C&P Event Site Designer

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

  • Styling / Inline CSS in C&P Event Site Designer

    Hi there!

    As I understand it, inline CSS code should be allowed in the WYSIWYG site designer. Can Support please help me figure out how to implement a fixed-position background for the site? Here's the inline CSS I've been using without success:

    <body style="background-color:white;background-image:url('https://c.na14.content.force.com/servlet/rtaImage?refid=0EMd0000000TlGF');background-repeat:no-repeat;background-position:bottom right;">


    Also, we were curious if it is possible to style the registration form table. We would like to have consistent styling across all HTML tables.

  • #2
    Hi jprpr,

    We will be adding an additional box for CSS with the Template designer in the next update. It is a good idea & it is already under development. The problem is the WYSIWYG editor does not allow for CSS addition and it alters the code when it saves. It is not something we have control over. But there is a trick you can for now until we add that direct box for addition of CSS.
    1. Setup a single Widget in the Widget area
    2. Add your CSS to the Widget
    3. Add the widget to the top of the form as shown below

    Click image for larger version

Name:	CSS_Widget.jpg
Views:	1
Size:	91.1 KB
ID:	15376

    Based on how I know the program will work this trick should work.

    Try it and let me know what you find out.
    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
      Hi, thanks for your reply.

      EDIT: Ah, ok I got it to work in the custom css widget by dropping in the inline div code with CSS and then closing div inside the source body:

      For example:
      <div style="background-color:white;background-image:url('http://backgroundimage.png');background-repeat:no-repeat;background-position:bottom right;">
      Last edited by jprpr; 02-11-2014, 11:03 PM.

      Comment

      Working...
      X