Editing the Social Component Poll | Community
Skip to main content
A
Anonymous
March 8, 2013
Duplicate

Editing the Social Component Poll

  • March 8, 2013
  • 8 replies
  • 2496 views
It would be great if it where possible to edit certain characteristics of a Poll (Available in the Social Component) such as the font-size, image size, dimensions etc.

The current layout, while functional, looks out of place with our current templates and branding.

    8 replies

    K
    kh-lschutte
    New Participant
    February 24, 2020
    No text available
    Michelle_Tizian
    Michelle_Tizian
    New Participant
    June 13, 2013
    One of the comments or complaints I'm getting from our company about the polls in a marketo landing page is that it takes forever to load the poll so all they see is our logo and a blank page.  

    It also would be nice if they didn't have to vote via a social network. This was a big concern for my boss & editorial because they want users to have as many people voting and just hit the vote button. 
    A
    Anonymous
    June 11, 2013
    Vilma,

    Drag and drop the HTML icon onto a landing page and put the code in it. Obviously you have to have ap oll on the page as well.

    This is some sample code to change the color of a Vote button on a poll:

    <style>
    .cf_widget_insightpoll .cf_votable .cf_vote_button {
    background-color: FF0000;
    background-image: -moz-linear-gradient( center bottom, #FF0000 13%, #AA0000 57% );
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.43, #660000),color-stop(0.9, #FF0000));
    }
    </style>

    This is what it looks like on a poll:


    A
    Anonymous
    June 11, 2013
    also, I tried placing the widget code snippet you posted yet it didn't work. When you say "html" block what does that mean?
    A
    Anonymous
    June 11, 2013
    The vote buttons are drawn with CSS, and I have customized them in the past. Let me see if I can find a code snippet for you. 
    A
    Anonymous
    June 11, 2013
    How do you customize "vote" submit buttons
    A
    Anonymous
    April 17, 2013
    Thanks Kelly! 
    A
    Anonymous
    March 8, 2013
    You can customize it as much as you want with CSS. Just add an HTML block to the landing page the poll is on.

    Here's an example:
     
    <style>
    .cf_widget_insightpoll .cf_header .cf_headline {
    font-size: 50px;
    font-weight: bold;
    }
    </style>
    Terms & ConditionsAccessibility statement

    Loading footer...