$40
Autofocus+ search result page

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).

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

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!

NordicDesign | 07/25/10 at 2:34pm | Edit

NordicDesign, autofocus+, css, thematic

(2) Possible Answers Submitted...

Last edited:
07/26/10
4:46pm

Rashad Aliyev says:

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;}

Last edited:
07/26/10
6:24am
Murali Kumar says:
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/