Jump to content
Sign in to follow this  
scomper

Plug-in cause layout display abnormal

Recommended Posts

scomper
help01.jpg website: http://irising.me/ Theme is using PlatformPro dev, Click on the questions button twice, The page will have beyond framework. Click on the other button won't.Please help solve, thank you. Plug-in name:Q&A Plug-in CSS listed below
	/* = General
	-------------------------------------------------------------- */
	#qa-page-wrapper {
		float: left;
		overflow: hidden;
		padding-bottom: 2em;
	}
	#qa-error-notice {
		background-color: #ffebe8;
		border: 1px solid #c00;
		font-weight: bold;
		margin-bottom: 20px;
		padding: 5px;
	}
	#qa-auth {
		margin-bottom: 20px;
	}
	
	/* = Main Navigation
	-------------------------------------------------------------- */
	#qa-menu {
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#qa-menu ul {
		margin: 0;
	}
	
	#qa-menu li {
		background-color: #777;
		display: block;
		float: left;
		margin-right: 7px;
	}
	#qa-menu #qa-current-url {
		background-color: #21759B;
	}
	#qa-menu a {
		color: #FFF;
		display: block;
		font-weight: bold;
		padding: 4px 10px;
		text-decoration: none;
	}
	
	#qa-menu form {
		padding-top: 3px;
	}
	#qa-menu input {
		height: 18px;
		line-height: 18px;
		padding: 2px;
		display: block;
		float: left;
	}
	
	#qa-menu button {
		margin-left: 2px;
	}
	.qa-pagination {
		clear: both;
		margin: 20px 0;
		overflow: hidden;
	}
	.qa-pagination a,
	.qa-pagination span {
		border: 1px solid #CCC;
		color: #808185;
		display: block;
		float: left;
		font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
		font-size: 130%;
		margin-right: 3px;
		padding: 4px 4px 3px;
		text-decoration: none;
	}
	.qa-pagination .prev,
	.qa-pagination .next,
	.qa-pagination .dots {
		border: 1px solid #FFF;
	}
	.qa-pagination .current {
		background-color: #808185;
		border: 1px solid #808185;
		color: #FFF;
		font-weight: bold;
	}
	
	/* = Common Question Elements */
	.question-tags a {
		background-color: #F5F5F5;
		color: #666;
		font-size: 90%;
		line-height: 2.4;
		margin: 2px 2px 2px 0;
		padding: 3px 4px;
		text-decoration: none;
		white-space: nowrap;
	}
	
	/* = Archive Question */
	
	.question {
		border-bottom: 1px dotted #999999;
		overflow: hidden;
		padding: 10px 0;
	}
	
	.question a:link, .question a:hover {
		color: #07C;
		text-decoration: none;
	}
	.question a:visited {
		color: #4A6B82;
	}
	.question a:hover {
		text-decoration: underline;
	}
	.question-stats {
		float: left;
	}
	#questions-nav {
		margin: 1em 0;
	}
	
	#questions-nav-prev {
		float: left;
	}
	
	#questions-nav-next {
		float: right;
	}
	/* Archive Question Stats */
	.question-score,
	.question-status {
		float: left;
		height: 38px;
		margin-right: 5px;
		padding: 5px;
	}
	.question-stats {
		text-align: center;
	}
	
	.mini-count {
		font-size: 190%;
		padding-bottom: 7px;
	}
	
	.question-score {
		color: #666;
		width: 30px;
	}
	
	.question-status {
		color: #FFF;
		width: 46px;
	}
	.question-status.answered-accepted,
	.question-status.answered {
		color: #21759B;
	}
	
	.question-status.answered-accepted .mini-count {
		background-color: #E0EAF1;
	}
	
	.question-status.unanswered {
		color: #000;
	}
	/* Archive Question Summary */
	
	.question-summary {
		padding: 0 5px 0 0;
		float: right;
	}
	.question h3 {
		font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.question-summary .question-tags {
		float: left;
	}
	.question-started {
		float: right;
	}
	
	/* = Single Question */
	#single-question h1,
	#answer-list h2 {
		border-bottom: 1px solid #000000;
		color: #000;
		line-height: 1.75;
	}
	
	#single-question h1 {
		font-size: 24px;
	}
	#single-question-container {
		overflow: hidden;
		padding: 20px 0;
	}
	
	.question-meta .qa-action-links,
	.answer-meta .qa-action-links {
		float: left;
	}
	.qa-user-box {
		float: right;
		background-color: #E0EAF1;
		padding: 5px;
	}
	
	.qa-user-box .avatar {
		float: left;
		margin-right: 5px;
	}
	.qa-user-details {
		float: left;
		line-height: 17px;
	}
	
	.qa-user-rep {
		font-weight: bold;
	}
	.answer {
		border-bottom: 1px solid #aaa;
		clear: both;
		overflow: hidden;
		padding: 20px 0;
	}
	
	/* Voting box */
	#question-body,
	.answer-body {
		float: right;
		width: 90%;
	}
	.qa-voting-box {
		float: left;
		width: 60px;
	}
	.qa-voting-box input,
	.qa-voting-box a,
	.qa-voting-box span {
		display: block;
	}
	.vote-up-on,
	.vote-up-off,
	.vote-down-on,
	.vote-down-off,
	.vote-accepted-on,
	.vote-accepted-off {
		border: 0;
		background-color: #fff !important;
		background-image: url("../img/vote.png") !important;
		background-repeat: no-repeat !important;
		overflow: hidden;
		text-indent: -9999em;
		margin: 0 auto;
		cursor: pointer;
	}
	.vote-accepted-off,
	.vote-accepted-on {
		background-image: url("../img/accept.png") !important;
		display: block;
		height: 40px !important;
		width: 39px !important;
	}
	
	.vote-accepted-on {
		background-position: 0 0 !important;
	}
	.vote-accepted-off {
		background-position: 0 -35px !important;
	}
	
	.vote-up-on,
	.vote-up-off,
	.vote-down-on,
	.vote-down-off {
		height: 25px !important;
		width: 41px !important;
	}
	
	.vote-up-on {
		background-position: 0 0 !important;
	}
	
	.vote-up-off {
		background-position: 0 -36px !important;
	}
	
	.vote-down-off {
		background-position: 0 -70px !important;
	}
	
	.vote-down-on {
		background-position: 0 -101px !important;
	}
	
	.qa-voting-box span {
		color: #808185;
		font-weight: bold;
		font-family: "Arial", "Liberation Sans", "DejaVu Sans",sans-serif;
		font-size: 240%;
		line-height: 36px;
		text-align: center;
	}
	
	/* = User profile
	-------------------------------------------------------------- */
	
	#qa-user-box {
		float: left;
		margin-right: 20px;
		width: 128px;
	}
	
	#qa-user-box .qa-user-rep {
		color: #808185;
		font-size: 350%;
		font-weight: bold;
		text-align: center;
		line-height: 1;
	}
	
	#qa-user-details {
		margin-top: 20px;
	}
	
	#qa-user-details th {
		font-weight: normal;
		padding-right: 1em;
		text-align: left;
	}
	
	#qa-user-details td {
		padding: 4px 0;
	}
	
	.ui-tabs-hide {
		display: none !important;
	}
	
	#qa-user-tabs-wrapper {
		clear: both;
		margin-top: 20px;
	}
	
	#qa-user-tabs {
		border-bottom: 1px solid #666;
		clear: both;
		font-weight: bold;
		list-style: none;
		margin: 0;
		height: 34px;
	}
	
	#qa-user-tabs li {
		display: inline;
	}
	
	#qa-user-tabs a {
		background: inherit;
		border: 1px solid #FFF;
		color: #777;
		display: block;
		float: left;
		font-size: 120%;
		line-height: 28px;
		margin: 3px 8px 0 0;
		padding: 0 11px;
		text-decoration: none;
	}
	
	#qa-user-tabs a:hover,
	
	#qa-user-tabs a.youarehere {
		background: none repeat scroll 0 0 #FFF;
		border-color: #777 #777 #FFF;
		border-style: solid;
		border-width: 1px;
		height: 30px;
	}
	
	#qa-user-tabs a.youarehere {
		color: black;
	}
	
	#qa-user-answers ul {
		list-style-type: none;
		margin: 0;
	}
	
	#qa-user-answers {
		margin-top: 20px;
	}
	
	#qa-user-answers li {
		overflow: hidden;
		padding: 3px;
	}
	
	#qa-user-answers .answer-link {
		padding-left: 10px;
	}
	
	.answer-score {
		color: #555555;
		float: left;
		font-size: 110%;
		font-weight: bold;
		height: 15px;
		padding: 4px 4px 5px;
		text-align: center;
		text-decoration: none;
		width: 20px;
	}
	
	/* = QA Form
	-------------------------------------------------------------- */
	
	#edit-answer {
		padding-top: 20px;
	}
	
	#question-form textarea,
	#answer-form textarea {
		width: 650px;
		height: 200px;
	}
	
	#question-form textarea,
	#answer-form textarea,
	.cleditorMain {
		margin: 20px 0;
	}
	
	/* = Question Form
	-------------------------------------------------------------- */
	
	#question-taxonomies {
		margin-bottom: 20px;
	}
	
	#question-form table input {
		width: 98%;
	}
	
	#question-title-label,
	#question-category-td,
	#question-tags-label {
		width: 1%;
		font-size:1em;
	}
	
	#question-title-label,
	#question-tags-label {
		padding-right: 0.5em;
	}
	
	#question-tags-label {
		padding-left: 1em;
	}
	
	#question-title,
	#question-tags {
		border: 1px solid #999;
		background-color: #fff;
	}
	
	/* = Answer Form
	-------------------------------------------------------------- */
	
	#answer-form h2 {
		color: black;
		line-height: 1.75;
	}
	
	/* = Suggest
	-------------------------------------------------------------- */
	
	.qa-suggest-results {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		display: none;
		z-index: 10000;
		border-width: 1px;
		border-style: solid;
	}
	.qa-suggest-results li {padding: 2px 5px; white-space: nowrap;	text-align: left}
	.qa-suggest-match {text-decoration: underline}
	.qa-suggest-over {cursor: pointer}
	
	/* Suggest colors */
	.qa-suggest-results {background-color: #fff; border-color: #808080}
	.qa-suggest-results li {color: #101010}
	.qa-suggest-match {color: #000}
	.qa-suggest-over {background-color: #f0f0b8}
	
	/* BuddyPress integration */
	#item-body t config --global core.autocrlf true#qa-user-tabs-wrapper {
		margin-top: 0;
	}
	
	------------------
	

Share this post


Link to post
Share on other sites
catrina

If it is the Q&A plugin's CSS that is causing the problem, perhaps there is some CSS that needs to be adjusted (i.e. the width and positioning of some elements in the page).


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×