Replace default search results with Ajax lite

Hi

I’m trying to integrate Ajax lite and I’d really like it to be able to replace the default results page.

It seems to be telling me that some themes won’t allow this.

And, indeed, the results page is still the default.

(I’ve taken it down again because of this, so there’s no link.)

I wonder if there might be a way of making this do-able?

Thanks and best,

Oliver

PS - Alternatively - just a nice way of skinning the results page…

It would be nice to have image, header, first x of body copy, link… All nice like. (The default really does look not good…)

Thanks for any help.

Oliver

Hello Oliver,

It seems to be telling me that some themes won’t allow this.

Did you try to remove the search.php file in the theme folder?

Kind Regards, Roman.
aThemes Support

Hi. Thanks for getting back.

Well, I just tried - and it did something different…

Do you have any advice on how to format the default results page?

I’m not that fussed just so long as it looks okay - and in keeping with the rest of the theme.

Thanks and best,

Oliver

PS - I’ve been looking for just a simple solution - so the search results come in a one column list, the titles match the titles on the front page, smaller than the default and in black… Images would be a bonus - but not that a biggy.

Thanks,

Oliver

Hello Oliver, can you please provide a link to your website in order to let me check it?

You can use some link shortener if you don’t want to leave the link to your site in this topic.

Kind Regards, Roman.
aThemes Support

Hi

Thanks for this.

I have replicated the same issue here: https://wordaloud.co.uk/?s=parables&asl_active=1&p_asid=1&p_asl_data=cXRyYW5zbGF0ZV9sYW5nPTAmc2V0X2ludGl0bGU9Tm9uZSZzZXRfaW5jb250ZW50PU5vbmUmc2V0X2luZXhjZXJwdD1Ob25lJnNldF9pbnBvc3RzPU5vbmUmc2V0X2lucGFnZXM9Tm9uZQ==

via a search function I put in at the bottom of this page: https://wordaloud.co.uk/parables-of-jesus/the-servants-await-their-master-a-parable/

This is something of a testing site - running the same code.

The setting are the same and search.php renamed and so effectively not there.

I’d like the meta - site title to be showing on article pages.

And I’d like the archive pages to be in two columns.

Ideally, Ajax lite would override the theme.

But anything to make it look nice would be good.

Thanks so much again.

Oliver

Hello Oliver, thank you for the links.

You can try to add this CSS code in Customize → Additional CSS section:

body.search-results article.post {
    width: 100%;
}

body.search-results .media-left {
    display: block;
}

body.search-results .media-left .absp-cat {
    margin: 20px 30px;
}

body.search-results .entry-header .entry-title .post-title-standard {
    color: black;
    font-size: 18px;
}

Kind Regards, Roman.
aThemes Support

Hi

Thanks for this. That looks great!

I wonder if you might be able to help a little issue at the bottom, where the body of the search results overhangs the pagination?

This page of search results is an example: https://wordaloud.co.uk/?s=parable&asl_active=1&p_asid=1&p_asl_data=cXRyYW5zbGF0ZV9sYW5nPTAmc2V0X2ludGl0bGU9Tm9uZSZzZXRfaW5jb250ZW50PU5vbmUmc2V0X2luZXhjZXJwdD1Ob25lJnNldF9pbnBvc3RzPU5vbmUmc2V0X2lucGFnZXM9Tm9uZQ==

This is now the additional css for the pagination function and then for the search results:

.wp-pagenavi { text-align:center; margin-top: 20px;}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px; background-color: #fff; margin-right: 5px; margin-top: 10px; 
	font-size: 15px; color: #03719c; text-decoration: none;
	border: 3px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #03719c;
	color: #fff;
	border: 3px solid #AFAFAF;
	}
.wp-pagenavi span.current { font-weight: bold; }


body.search-results article.post {

    width: 100%;

}



body.search-results .media-left {

    display: block;

}



body.search-results .media-left .absp-cat {

    margin: 20px 30px;

}



body.search-results .entry-header .entry-title .post-title-standard {

    color: black;

    font-size: 18px;

}

Thanks again for your time.

Oliver

Hello Oliver,

You can try to add this as well:

@media (min-width: 768px) {
    div.wp-pagenavi {
        position: relative;
        top: 15px;
    }
}

Kind Regards, Roman.
aThemes Support

Perfect! Thank you…

1 Like

You’re welcome Oliver!

Kind Regards, Roman.
aThemes Support