Jquery UI CSS Tabs Overriding my Code

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: css, jquery tabs, tabs

Author

Posts
July 5, 2015 at 5:31 pm #44745

Anita C
Free User

Post count: 50

I am still fussing around trying to perfect this plugin for use with Genesis and my client’s site. I am using the Genesis Tabs on my home page and this code from the plugin is overriding the plugin and also my custom CSS – wp-content/plugins/geodirectory/geodirectory-assets/ui/jquery-ui.css?ver=1.4.9. I am using the home page from my theme – not the Geodirectory plugin home page. Is there a way to make YOUR tab CSS only show up on the Geodirectory applicable pages, posts and widgets and not the entire website? It seems that a lot of my frustrations with trying to use this is that all of your code overrides my theme and other plugins. Is there a way in YOUR jquery-ui.css – to add the prefix geodirectory to the code so it’s only applicable to aspects of your plugin?

July 5, 2015 at 8:43 pm #44754

Anita C
Free User

Post count: 50

My tabs should look like this and not this. When I deactivate the plugin the look the way they should. When I reactivate the plugin they change.

July 5, 2015 at 9:21 pm #44757

Guust
Moderator

Post count: 29970

I alerted Stiofan to have a look at your question.

July 6, 2015 at 4:15 pm #44822

Stiofan O’Connor
Site Admin

Post count: 22956

Hi Anita,
It would help if u post a link to your site (with login) so we can check what’s going on, the CSS file you mention should not even show as stndard unless you have selected to show the files individually, or you have a old version of GD running?

Stiofan

July 6, 2015 at 5:43 pm #44827

Anita C
Free User

Post count: 50

What do you mean “select to show the files individually? I have the current version of your plugin. When I activate it – it just shows up that way. When I deactivate your plugin the tabs return to normal. It’s and on and off situation. When it’s off… they appear correctly. Activate your plugin, they don’t.

When it’s active, I looked at the CSS via Firebug in Firefox and that code is present. When I deactivate the plugin, that code is not there.

So… how do I get it to NOT show up all over the site and only on the applicable pages of your plugin? Like I mentioned before, a lot of your code overrides code in the Genesis themes. That shouldn’t be the case. The code should only be applicable to pages/posts needed by the plugin.

July 6, 2015 at 5:50 pm #44828

Paolo
Site Admin

Post count: 31206

Hi,

do you have this option enabled or disabled?

GeoDirectory >> design >> script >> Stops the CSS files being minified and output as one.

Could you please at least provide a link so that we can check with firebug ourself or are you still on localhost?

Let us know,

Thanks

July 6, 2015 at 6:20 pm #44836

Anita C
Free User

Post count: 50

This reply has been marked as private.

July 6, 2015 at 6:25 pm #44839

Paolo
Site Admin

Post count: 31206

do you have this option enabled or disabled?

GeoDirectory >> design >> script >> Stops the CSS files being minified and output as one.

July 6, 2015 at 6:34 pm #44842

Anita C
Free User

Post count: 50

It’s enabled on the clients site and it looks like that… and it’s disabled on this demo and it looks like that. On or off, it shows up.

July 6, 2015 at 6:38 pm #44843
Stiofan O’Connor
Site Admin

Post count: 22956
Can you try adding this to the CSS as a test,
```
.home .geodir-breadcrumb-bar {
  display: none;
}
```
What are the sidebar tabs supposed to be like?

Stiofan
July 6, 2015 at 6:42 pm #44845

Anita C
Free User

Post count: 50

I already have breadcrumbs worked out on the client site in a custom.css file but I added it here anyway. Breakcrumbs show up on all the theme pages/posts but I addressed that in another discussed. I am working on the Genesis Tabs issue that is defaulting to how your tabs look on the directory. They should look like what’s there on the home page.

July 6, 2015 at 6:43 pm #44846

Anita C
Free User

Post count: 50

The border, rounded corners, etc., is NOT supposed to do that. Here is News Pro – http://demo.studiopress.com/news/. That’s how my tabs should be looking.

July 6, 2015 at 6:51 pm #44848

Paolo
Site Admin

Post count: 31206

I can’t find tabs on any page of that demo, would you mind poiting out where we can see them?

Thanks

July 6, 2015 at 6:57 pm #44849

Anita C
Free User

Post count: 50

They are right on the home page. The big image on the left has Category 1 in Red and Category 2 in Black. The sidebar also has tabs… Category 1 and Category 2.

July 6, 2015 at 7:11 pm #44851

Paolo
Site Admin

Post count: 31206

Hi,

the big image tabs seems to be behaving like this:http://demo.studiopress.com/news/

However on that studiopress demo I can’t see how the sidebar tabs should look like instead of how they look now.

In any case we added a task for developers to make sure our css doesn’t alter any other elements.

We should have this fixed in the next release. We’ll keep you updated.

Thanks
Author

Posts