Announcement

Collapse

Information Needed

To help us with upgrading your instance please make sure to:
See more
See less

Styling / Inline CSS in C&P Event Site Designer

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    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.
    Tags: None
  • #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

    Join us @ the educational webinars: https://clickandpledge.com/webinars/
    Live Support- read more: https://support.clickandpledge.com/s/article/general-information-live-support/

    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, 10:03 PM.

      Comment

      Previous template Next
      Working...
      X