WP – Photo Seller – Search Results HTML Layout

[TeamLSD]

Hi guys, Hey could you please help me with the search results page layout?

It’s breaking in our premium theme and I cant find where to fix it.

Please see here: [http://www.livesaildie.com/photogallery/]

Run a search (search for “P Class”) and you’ll see what’s wrong.

Kind Regards,

Darren

[Peter]

Hi, I think firstly you should do the following and then let us know once you’ve done that and if that fixes it.

https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

[Artservat]

Hi, my search result page looking bad! The images apears in one loooong horizontal line. And is it possible to change the appearence to gallery 7. Is it possible for me to fix the layout myself? (I allready reinstalled the plugin etc.)

[admin]

Please share a link to the page where we can go and see what you mean by “search result page looking bad”. Then we should be able to inspect that page and provide help.

[Artservat]

Hi, here is a link to the page [https://artservant.com/]

You must search with the word :church

(it’s not many images loade yet, but from here it seems to continue i one long vertical line…

[Artservat]

the word: church

[Peter]

Hi,

You have some inline css which has an id “anima-main-inline-css” which is causing this because it is setting one of the html elements used for displaying the search results (#primary) to width 330px.

You are going to have override this with some custom css.

Here’s an example:

#primary .wpps_search_results{

width: 650px;

}

But this is not ideal because then you will lose the responsiveness.

I think I might change the CSS id name (called “primary”) in the photo seller code so that it is unique enough to not be overridden by other plugins or themes.

For now you might want to use the above code or remove that bit of CSS code which you appear to have added from your theme custom css. ie, I’m referring to this:

#primary { width: 330px; }

If you remove the above you won’t need the css code I gave you.

[Artservat]

Thank you so much. I am not sure where to find this “#primary .wpps_search_results{

width: 650px;}” so I can remove it.( I am a visul man I am not to familiar with coding)

[Artservat]

Opps, I meant ” #primary { width: 330px; }

[Artservat]

I guess I find it on the themes stylesheet, I try too look into it ,,,

[Artservat]

Hi again, I guess I misunderstood here, I added the the CSS code you suggested and it worked.

Thank you

[Artservat]

How can i center the content of the result page? can you help with a code for that?

[admin]

Your site is giving a 500 error so I couldn’t check your search page to see how you have it at the moment.

[Artservat]

Hi again, Thank you for your support! I just had a conversation with WP support, they say everything looks ok. So I am not sure what I can do…?

All the best

Rolf

[Peter]

You can try the following css:

#content #primary{

width: inherit;

}



.wpps_search_results{

margin: 0 auto;

width:70%;

}

[Author]

Posts