Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Autofocus+ search result page WordPress

  • SOLVED

Hi,

I'm having problems with the result page of the search on the Autofocus+ theme. The layout of the page is all mixed up (img and txt).

<strong>Please make adjustments to the CSS or the code of the theme. (files on request)</strong>

I'm using the Autofocus+ theme. http://fthrwght.com/autofocus/

Check out the test page: http://www.kjartan.nl/catherine/?s=test&searchsubmit=Search
Make the test page look more like this: http://nordicdesign.ca/blog/?s=test&searchsubmit=Search

Greetings,
NordicDesign.ca

www.noridcdesign.ca

PS. more work to come!

Answers (2)

2010-07-25

Rashad Aliyev answers:

Hello,

Add it to your CSS file.

/* Archive & Search Page Styles */
.archive #content .hentry,
.search #content .hentry {clear:both;min-height:220px;margin-bottom:66px;display:table;}
.archive #content .post-image-container,
.archive #content .post-video-container,
.search #content .post-image-container,
.search #content .post-video-container {float:left;margin-right:-204px;}
.archive #content .entry-title,
.search #content .entry-title {float:none;clear:right;margin-left:204px;}
.archive #content .entry-meta,
.search #content .entry-meta,
#content .entry-meta.blog {margin-top:-11px;}
.archive #content .entry-content,
.search #content .entry-content {float:left;clear:none;margin-right:204px;margin-left:204px;width:392px;}
.archive #content .entry-content p,
.search #content .entry-content p {padding:0 8px;}
.search #content .noresults .entry-title,
.four04 #content .error404 .entry-title {font-style:italic;}
.search #content .noresults {margin-left:204px;}
.search #content .noresults .entry-title,
.search #content .noresults .entry-content,
.four04 #content .error404 .entry-content {margin-left:0;width:392px;}
.search #content form#noresults-searchform,
.four04 #content form#error404-searchform {margin-left:10px;}
.search #content .noresults,
#content div.error404 {border-left:1px dotted #CCC;padding:22px 0 22px 8px;}


2010-07-26

Murali Kumar answers:

Adding the missing css styles after adding a search.php file with proper code will give you the result you wanted.
But, let me know if you want the archieve page and category page also to change like,

http://nordicdesign.ca/blog/category/best-of-finland/
http://nordicdesign.ca/blog/2010/05/