JomSocial Themem Messes Up JReviews Advanced Search Module

Hi guys. I have an issue with one of the extensions that I have installed. So I have JReviews installed and use their advanced search module on main page. When user goes to event detail view, the JReviews module drop down box gets removed. Originally I thought that this layout issue was a JReviews problem. Here what I have noticed:
I have a copy of the site on my local machine and noticed that prior to applying Gavick JomSocial theme or template issue does not occur. So it looks like the issue with the layout is because of your template for JomSocial. I tried to fix this on my own, but couldn't find the problem. I really need your help on this, please.

Thank you in advance.

Hi,

You have to provide an URL to your website with this problem - without it we won't be able to help.

Hi,

You have to provide an URL to your website with this problem - without it we won't be able to help.

Makes sense. I just didn't want to post it here. I will PM you. Thank you!

Regarding your problem with the slideshow - you should use the border0 suffix and to achieve the tabs under the module you should use the tabs module.

And the problem with the select:

Please add in the template.css file following code:

Code: Select all

#jr_radius140 {
    opacity:1!important;
}


Regarding your problem with the slideshow - you should use the border0 suffix and to achieve the tabs under the module you should use the tabs module.

And the problem with the select:

Please add in the template.css file following code:

Code: Select all

#jr_radius140 {
    opacity:1!important;
}


I appreciate your fast response. I was able to fix most of it. Although, the select got partially fixed. It displays the select box properly, but it doubles the mileage. So if user selects 20 miles from the drop down, it displays it the second time right next to it. If you take a look at the same link, you will see that. Thank you.

Regarding your problem with the slideshow - you should use the border0 suffix and to achieve the tabs under the module you should use the tabs module.

And the problem with the select:

Please add in the template.css file following code:

Code: Select all

#jr_radius140 {
    opacity:1!important;
}


I appreciate your fast response. I was able to fix most of it. Although, the select got partially fixed. It displays the select box properly, but it doubles the mileage. So if user selects 20 miles from the drop down, it displays it the second time right next to it. If you take a look at the same link, you will see that. Thank you.

For the slideshow module, after I added border0, it added the border around the module, but the background is still white and it's not centered (not grey and not centered as you have on demo site).

You can hide the label using the following CSS code:

Code: Select all

#jomSelect-jr_radius140 > span:first-child {
    display: none!important;
}


Regarding the slideshow: the grey background comes from the Tabs module - in your page the Image Show module isn't placed in the tabs module, that's why you haven't the grey background.

You can hide the label using the following CSS code:

Code: Select all

#jomSelect-jr_radius140 > span:first-child {
    display: none!important;
}


Regarding the slideshow: the grey background comes from the Tabs module - in your page the Image Show module isn't placed in the tabs module, that's why you haven't the grey background.

I will try the tabs...
I tried the fix for the drop down, but now there is a minor last issue. The position of the box changes. Take a look at the attached screenshot.

Thank you for all your support!

you can move the selectbox using the margins or paddings for the:

Code: Select all

#jr_radius140


selector.

you can move the selectbox using the margins or paddings for the:

Code: Select all

#jr_radius140


selector.

Great! I will try that. Thank you very much for all your help.