How to customize the generic blue tabs in G3 default Wind theme, cannot find in any CSS
Dianna668
![]()
Joined: 2010-10-17
Posts: 23 |
![]() |
This might be a very stupid and/or easy question to answer, but I have to ask as I am baffled and give up. I am using the default Wind theme. I am trying to customize the color of all tabs to match my site, but cannot find a portion of the tabs coding! In the theme's style.css it has the superfish style which I changed and I get the drop down list of button colors to change which I did. Some of the font colors also changed. However, there is a certain part of the blues that I cannot find to change anywhere! I've looked in the themeroller theme.css and change anything there that might be blue. I've also went into the admin CSS and changed anything there. Still no go, some are still blue and also have blue fonts on some words. I've also looked in the gallery module. I'm stumped. Anyone have the same problem or know and can help. Here's what it looks like...you can see the buttons that my CSS customized and the ones who aren't playing fairly. Same with that blue font. [img]http://www.allencombsphotography.com/images/buttons.jpg[/img] |
|
Posts: 241
First off.. I wouldn't change anything in the CSS files themselves because any future upgrades will wipe them out. Just append any over-riding changes to the bottom of your theme's screen.css file or create a totally new one and put in your over-riding CSS styles in there. I did manage to find the codes for one of my galleries (http://gallery.mysstie.com)
In my theme's /views/page.html.php around line 40, I load my theme's custom mysstie.css file last:
I think these are what I added to my results:
I think the sf ones are originally in the Superfish.css file.
Hope it helps,
Mark H.
Using Gallery 3.0+(git) - gallery.markheadrick.com
Posts: 23
Hi Mark, thank you so much for the info. You know, I did not think about the customizing my default theme and how it might be over-ridden with upgrades. I forgot how in the G2 that you could create your own "local" folder within each themw.
If I had created my custom css like you did above and call it in the page.html, would that be like the equivalent of how the local folder used to work? I ask that because it makes me curious how it would know that your custom theme trumps your default screen.css.
That might sound like a stupid question but I would want my custom screen.css to be used only and not the default screen since I've changed it up so much. I've also made changes in my views and pretty much everywhere. I'm thinking that I need to rename my default theme to something of my own. And then just reinstall my original default wind theme to let it sit there for the future upgrades. Is that the best way to go about this?
Sorry to get off topic by asking that. I was thinking tonight how I probably needed to "add" some coding to change those tabs since I'm not clearly finding it anywhere and it must be defaulting to that blue look.
I'm not sure I've seen or located the superfish.css. I'm looking now.
Posts: 23
That totally worked with the tabs!!!! Thank you so much! Sweet!
Thx!
Posts: 241
Well, using the advice here: http://codex.gallery2.org/Gallery3:Tutorials:Themes
I made a copy the default Wind theme and placed it in it's own folder that I called "mysstie" in this case. I then used the Theme Choice in G3 to switch to my theme and this is the directory where all the changes are made. Since you've already made all kinds of changes to the default theme, then I would rename that folder and then just put back the original Wind theme in it's folder.
Regarding the CSS, much of which is within the Gallery Core files, you can override their values by adding them to the bottom of your screen.css file since it's loaded last or by using a new one like I did to keep the changes separate. The browser will use the style for an element that it sees last. Kind of like changing the value of a variable.
If the browser sees:
It will make the text color in paragraphs red because it's the last value that it loaded for the p tag.
Thanks,
Mark H.
Using Gallery 3.0+(git) - gallery.markheadrick.com
Posts: 23
Thanks for the info, very good info to know about how browsers will look at styles. Thanks! So it's not the first guy in line to get a drink at the water fountain, it's the last guy in line.
After I thought about this post, I was like "well duh" that's a no brainer that I should have made my own theme, then I smacked myself in the forehead and wished I had a V8! Since I'm blonde and it was a blonde moment, I think I'll name my theme "blondie"!!!
Yea, I'm just going to load up the original wind to put it back up there.
Thanks again for all your help!!! Very much appreciated!