Agentpress Pro cgange home featured widget area to use other search forms

[Mr_Vercetti]

Hi guys and girls,

First of all a merry Christmas to all of you, hope you have enjoyed the holidays with the ones you care the most for.

My issue here is with the Agentpress Pro theme, and the "Home Featured" widget area. I want to use it for another search form (search & filter plugin), but whenever I try putting it there, the theme is displaying it vertically and not horizontal like the Agentpress Listing plugin, and I want the different fields to display horizontal next to each other with the "search" button in the end.

I hope someone can help me with a simple css trick or something.

Website: http://www.mallorcaoplevelser.dk

Cheers

http://www.maalorcaoplevelser.dk

[Tom]

... and a Happy New Year!

Your site problem is, of course with the real estate plugin :). You can achieve the horizontal effect with the following CSS code. If you find the input areas and button too narrow at 1023px screen width, simply move the statements from the 768px media query into the 1023px media query. if you find these customizations do not take effect, please install the Genesis Style Trump plugin and try again.

/* place this first part at the bottom of your child theme stylesheet */

.uwpqsf_class {
	float: left;
	clear: none;
	width: 25%;
}

.uwpqsf_class > label[class*='-keyword'],
.uwpqsf_class > span[class*='taxolabel-'],
.uwpqsf_class > span[class*='cmflabel-']{
	float: left;
	padding: 5px;
	font-weight:bold !important;
	clear: both;
	width: 100%;
	margin-bottom: 0;
}

.home .uwpqsf_class > input,
.home .uwpqsf_class > select {
	min-height: 65px;
}

.uwpqsf_submit {
	margin-top: 42px;
	min-height: 65px;
	width: 25%;
}

.home .usfbtn {
	width: 100%;
	font-weight:bold !important;
}

/* integrate the following with your child theme stylesheet media queries */

@media only screen and (max-width: 1023px) {
	
	.home .uwpqsf_class > input,
	.home .uwpqsf_class > select {
		min-height: 90px;
	}
	
}
	
@media only screen and (max-width: 768px) {

	.uwpqsf_submit {
		margin-top: 36px;
	}

	.uwpqsf_class {
		clear: left;
		width: 100%;
	}
	
	.home .uwpqsf_class > input,
	.home .uwpqsf_class > select {
		min-height: 0px;
		width: 97%
	}
	
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts