Help with custom fields

[HastudioParticipant]

Hello,

I need some help:

1. In this page how can I control the search results to be shown from right to left?

2. In this page how can I control the text font, color, background etc. of the checkbox at the right? now the text that written there is not shown…

• This topic was modified 6 years, 3 months ago by  Hastudio.

[HastudioParticipant]

Another questions about this page

How can I change the pink background that shown when the mouse is over the search results?

And how can I delete the spaces between every row of the results to the row below it?

[Ernest MarcinkoKeymaster]

Hi!

1. I don’t know if the isotope script supports rtl layouts to be honest. I will check with the developer to see if there is anything we can do about that.

Until then, this custom CSs might help, I’m not sure:

.resdrg .asp_isotopic_item {
    position: static !important;
    float: right;
    margin-right: 10px !important;
}

2. The color is inherited from the theme, to control it, you might need a custom CSS for this as well:

.searchsettings fieldset .label {
    color: red;
}

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

[HastudioParticipant]

Thank you

Another questions about this page

How can I change the pink background that shown when the mouse is over the search results?

And how can I delete the spaces between every row of the results to the row below it?

[Ernest MarcinkoKeymaster]

Hi!

To remove the background, try:

.results .asp_isotopic_item.hovered {
    background: none !important;
}

The white space between the items is because of their big height, you can change that here: https://i.imgur.com/MIivASI.png

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

[HastudioParticipant]

Hi,

Why the results don’t shown on mobile?

[Ernest MarcinkoKeymaster]

Hi,

It’s probably because of the earlier custom CSS suggestion:

.resdrg .asp_isotopic_item {
    position: static !important;
    float: right;
    margin-right: 10px !important;
}

It looks like it does not work on mobile devices. If you remove it, it should start working again.
I have already contacted the isotope script developer, I’m sure he will be able to suggest a customization for RTL layouts.

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

[HastudioParticipant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Hi!

1. Yes, unfortunately it has to be built into the search script directly, there is no workaround for that. I will make sure to include it in the upcoming release.

2. That probably needs a customization. You can look at the results templating article. There are many things you can do with that, but I usually recommend asking an experienced developer for customizations.

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

[HastudioParticipant]

Hi,

1. Thanks

2. I can’t customize almost anything.
For example I’m trying to control the size of the picture and can’t get a good result. I’m trying to control the number of columns in every row but can’t change it. Can I control in this little issues?

[Ernest MarcinkoKeymaster]

Hi,

2. The number of rows is calculated automatically based on the item width you define on the back-end: https://i.imgur.com/oHwuAqG.png
The size of the image fits this size as well, you can even choose the sources and the display mode: https://i.imgur.com/z03IqGt.png

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

[HastudioParticipant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Hi!

It depends on the the container width (where the settings are placed) and on the width that is set for each box here: https://i.imgur.com/tGcdFqA.png
If you lower the Column width (in pixels) option, they will more likely to be placed side by side.

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

[Author]

Posts