Search results are showing category

[Amber AtkinsonParticipant]

Hi there,

My search is working perfectly except for some strange reason – that I can’t for the life of me figure out – some results are showing the category and blog post title.

All Tasting Experiences results appear perfectly however all other results (under ‘what would you like to do’) are showing the category and blog post title in the results.

For example, when you select “Thing to See & Do” the results show the category and post title.

I have reviewed how these have been entered into wordpress and they are identical.

I need the results to show the post title and content only (please see results for Tasting Experiences).

Can you please tell me what I’m doing wrong? I know I’ve missed something, I just can’t figure out what!

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi Amber,

I just checked, but it seems okay to me currently. I’ve also checked the configuration via the back-end credentials, and those look okay as well.
Is it fixed now?

My guess is that the problem was very likely due to a misconfiguration, where on the General Options -> Sources 2 panel some taxonomies or categories were probably selected to be returned as results as well. At least that would explain it perfectly.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Amber AtkinsonParticipant]

Thank you so much. I figured the plugin was pulling the first text on the page – which is where I got confused and thought the categories were being displayed. I added excerpts to the problem posts and so it now shows the except text in the results, instead of all the title text etc.

I have two other questions though.

On my homepage I have the search working perfectly on both desktop and mobile view! I can’t even begin to tell you how much I love this plugin!!!! There are just two small tweaks that I can’t figure out…

I can’t seem to align the settings to the right of the search box, instead of the left (even though I’m sure I’ve done it in the past). Can you please let me know if this is possible and how to achieve it?

The second query I have is to do with the appearance. In Firezox the settings bars have a gradient effect, where as in Firefox it appears as a solid black square. Is it possible to change those settings boxes so that they have a black 1px border, transparent/white box and black text – or to match the search bar?

Thank you so much for your help!

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi!

Thank you very much for your kind words!

Right-left layout, solution 1
For your current configuration (flex layout), the following custom CSS will force the items in the settings box to start from the right side, instead of the left:

.wpdreams_asp_sc-6.searchsettings {
  max-width: 10000px !important;
}

.wpdreams_asp_sc-6.searchsettings form {
  justify-content: flex-end;
}

Right-left layout, solution 2
If you however prefer the items displayed in one column, but on the right side, then you will have to change the settings as well, so:
– Change the front-end options as following: https://i.imgur.com/wA5u0lA.png
– Now, the options will be displayed in one single column, but still on the left side. To get around that, use this custom CSS:

.wpdreams_asp_sc-6.searchsettings {
  float: right !important;
}

This will result in this type of layout: https://i.imgur.com/CBJBAac.png

Safari glow-effect select boxes
This is unfortunately a forced layout built into safari browsers, and it’s essentially almost impossible to get by. The only solution that works is the following:

.wpdreams_asp_sc-6.searchsettings form select {
  -webkit-appearance:none;
}

..however, this will also remove the arrow from the left side of the select boxes as well.
You can then also force a white background, border and a dark font color (+ a bit of other styling):

#ajaxsearchprobsettings6_1.wpdreams_asp_sc-6.searchsettings form select,
#ajaxsearchprobsettings6_1.wpdreams_asp_sc-6.searchsettings form select {
  border: 1px solid  #adadad !important;
  background: white !important;
  color: #424242 !important;
  max-width: 190px;
  float: right;
}

This will result in the following layout: https://i.imgur.com/R62CGef.png

I hope this helps you!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Amber AtkinsonParticipant]

The final layout you have have provided is EXACTLY what I’m after, however I couldn’t get this layout to work in mobile view.

The only way I could get all 3 settings boxes visible in mobile view was to place them in one column, so they appear stacked (which looks great on mobile, but a little bit odd on desktop).

When they are in a row – like the layout you have provided – they get pushed out of view on mobile view. This may be because I am using DIVI, I’m not too sure why it wouldn’t break down properly.

If there is any way I can style the block like your final layout (and it work in mobile view) I will be absolutely thrilled.

I am not having any luck applying the css. I have tried pasting it individually in:
AJAX search pro > theme options > custom CSS
DIVI module > Advanced > custom CSS
DIVI page settings > custom CSS

Thank you so much for your advice!

[Author]

Posts