WordPress.org

Forums

Custom Styles Polldaddy (1 post)

  1. Nicster3001
    Member
    Posted 3 years ago #

    Hi,

    Just trying to display my poll answers in three columns

    Yes---------No--------Maybe

    Here's the CSS:

    /*  Plain black wide */
    
    .pds-box{
    	font-family: Helvetica, Arial, sans-serif;
    	background: #222;
    	border: 1px solid #313131;
    	width: 630px;
    	font-size: 13px;
    	text-align: left;
    	color: #eee;
    	-webkit-border-radius: 12px;
    	-moz-border-radius: 12px;
    	border-radius: 12px;
    }
    
    .pds-box A{
    	outline: none;
    }
    
    .pds-clear{
    	display: block;
    	clear: both;
    }
    
    .pds-box-outer{
    	padding: 14px;
    }
    
    .pds-question-top{
    	font-size:24px;
    	line-height: 120%;
    	color: #eee;
    	font-weight: bold;
    	padding: 5px 0px 20px 0px;
    	position:relative;
    }
    
    .pds-answer{
    	padding: 20px 0px 20px 0px;
    	border-top: 1px solid #3f3f3f;
    	border-bottom: 1px solid #3f3f3f;
    }
    
    .pds-answer label{
    	color: #eee;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 150%;
    	position: relative;
    }
    
    .pds-answer-group{
    	display: block;
    	padding: 8px 0px 8px 0px;
    }
    
    .pds-answer-group BR{
    	display: none;
    }
    
    .pds-answer-input{
    	display: block;
    	float:left;
    	width: 25px;
    }
    
    .pds-input-label{
    	display: block;
    	float:left;
    	width: 570px;
    	cursor: pointer;
    }
    
    .pds-answer-other{
    	padding: 0px 0px 0px 10px;
    }
    
    .pds-textfield{
    	background: #eee;
    	border: 1px solid #111;
    	font-size: 12px;
    	padding: 2px;
    	width: 250px;
    	color: #333;
    }
    
    .pds-answer-other BR{
    	display: none;
    }
    
    .pds-other-label{
    	display: block;
    	float:left;
    	cursor: pointer;
    }	
    
    .pds-feedback-result {
    	float:right;
    }
    
    .pds-answer-text {
    	float:left
    }
    
    .pds-feedback-group
    {
    	display: block;
    	padding: 8px 0px 8px 0px;
    }
    
    .pds-feedback-label{
    	display: block;
    	padding: 0px 0px 5px 0px;
    }
    
    .pds-feedback-per{
    	font-weight: normal;
    }
    
    .pds-feedback-votes{
    	font-weight: normal;
    }
    
    .pds-answer-feedback {
    	background-color: #444;
    	border: 1px solid #111;
    	position: relative;
    }
    
    .pds-answer-feedback-bar {
    	font-size: 2px;
    	background: #3478e3;
    	height: 18px;
    }
    
    .pds-vote {
    	padding: 10px 0px;
    }
    
    .pds-votebutton-outer {
    }
    
    .pds-vote BR{
    	display: none;
    }
    
    .pds-vote-button {
    	color: #eee;
    	padding: 3px 25px;
    	white-space: nowrap;
    	background:#3b3b3b url(http://i.polldaddy.com/polls/black-but-bg.png) repeat-x scroll left top;
    	-webkit-border-radius: 11px;
    	-moz-border-radius:11px;
    	border-radius: 11px;
    	border: 1px solid #3b3b3b;
    	cursor: pointer;
    	font-size: 12px;
    	font-family: 'Lucida Grande',Verdana,Arial;
    	text-decoration: none;
    	line-height: 25px;
    	font-weight: bold;
    	float:left;
    	white-space: nowrap;
    }
    
    .pds-vote-button:hover{
    	border: 1px solid #666;
    }
    
    .pds-vote-button-load {
    	color: #eee;
    	padding: 3px 25px;
    	white-space: nowrap;
    	-webkit-border-radius: 11px;
    	-moz-border-radius:11px;
    	border-radius: 11px;
    	cursor: pointer;
    	font-size: 12px;
    	font-family: 'Lucida Grande',Verdana,Arial;
    	text-decoration: none;
    	line-height: 25px;
    	font-weight: bold;
    	float:left;
    	white-space: nowrap;
    	background:#3B3B3B url(http://i.polldaddy.com/polls/vote-loader-3b3b3b.gif) no-repeat scroll 50% 50%;
    	border: 1px solid #666;
    }
    
    .pds-vote-button-load SPAN{
    	visibility: hidden;
    }
    
    .pds-links A {
    	font-family: Helvetica, Arial, sans-serif;
    	font-size:12px;
    	color: #eee;
    	text-decoration: none;
    	padding: 10px 0px 0px 15px;
    	float:left;
    	display: block;
    	font-weight: bold;
    }
    
    .pds-links-back A {
    	font-family: Helvetica, Arial, sans-serif;
    	font-size:12px;
    	color: #eee;
    	text-decoration: none;
    	padding: 10px 0px 0px 15px;
    	float:left;
    	display: block;
    	font-weight: bold;
    }
    
    .pds-links A:hover {
    	text-decoration: underline;
    }
    
    .pds-links-back A:hover {
    	text-decoration: underline;
    }
    
    .pds-pd-link{
    	float:right !important;
    }
    
    .pds-comments{
    	padding: 10px 0px 0px 0px;
    }
    
    .pds-comments SPAN{
    	font-weight: normal;
    }
    
    .pds-total-votes{
    	padding: 10px 0px 0px 0px;
    	position: relative;
    }
    
    .pds-total-votes SPAN{
    	font-weight: bold;
    }

    And the script: `<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5493722.js"></script>
    <noscript><a href="http://polldaddy.com/poll/5493722/">Test</a></noscript>`

    Does anyone know how to adapt the CSS so it displays in 3 columns?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags