Change the SIZE and COLOR of the page numbers displayed WITHOUT changing anything else.
I have tried and failed to find anything that lets me change ONLY those two attributes
Can someone hael with some specific changes???
Thanks,
Anne
Gallery URL = http://pirateharbor.org/gallery2/main.php
Gallery version = 2.3.2 core 1.3.0.2
API = Core 7.54, Module 3.9, Theme 2.6, Embed 1.5
PHP version = 5.2.17 cgi-fcgi
Webserver = Apache
Database = mysqli 5.0.92-log, lock.system=flock
Toolkits = ArchiveUpload, Exif, Getid3, LinkItemToolkit, Thumbnail, Gd, ImageMagick
Acceleration = none/0, none/900
Operating system = Linux p3nlhg926.shr.prod.phx3.secureserver.net 2.6.32-279.9.1.el6.x86_64 #1 SMP Tue Sep 25 21:43:11 UTC 2012 x86_64
Default theme = x_treme
gettext = enabled
Locale = en_US
Browser = Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/20100101 Firefox/16.0
Rows in GalleryAccessMap table = 145
Rows in GalleryAccessSubscriberMap table = 755
Rows in GalleryUser table = 28
Rows in GalleryItem table = 713
Rows in GalleryAlbumItem table = 37
Rows in GalleryCacheMap table = 0
Posted: Wed, 2012-11-07 18:55
Posts: 8339
theme.css line 314
#gsPages, #gsPages div { color: #888888; font-size: 0.9em; }-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
Thanks suprsidr,
I made the changes as you suggested..
That changed the word "Page" and the "page number" of the present page in the string of available pages, but not the other "available" page numbers in the string..??
Anne
Posts: 8339
I did not suggest any changes(my code snippet is the current css), I just pointed you to what you need to change.
-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
yes... I changed both the color and size information of the file,
and the "available" page numbers are unchanged.
Anne
Posts: 8339
looks changed to me, clear your browser's cache CTRL+F5 firefox and IE
SHIFT+Reload webkit
OOps just read the rest of your comment
you need to address the anchor <a /> tags for the selector:
#gsPages a { color: #000000; } #gsPages a:hover, #gsPages a:focus { color: #CCCC00; }-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
What file contains this code please? Anne
Posts: 8339
that is my suggested addition for you to add under theme.css line 314:
#gsPages, #gsPages div { color: #00000; font-size: 1.2em; } #gsPages a { color: #000000; } #gsPages a:hover, #gsPages a:focus { color: #CCCC00; }Learn CSS Basics http://css-tricks.com/category/beginner/
-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
Thanks.. I will "add" this to my themes file... and see what happens...
** I took note of your "Learn CSS Basics".. Thanks.....
Anne
Posts: 46
I added this code.. Does not seem to work..???
Anne
#gsPages, #gsPages div {
color: #000000;
font-size: 1.2em;
}
#gsPages a {
color: #000000;
}
#gsPages a:hover, #gsPages a:focus {
color: #FF0000;
}
Posts: 8339
somebody has added a style to your page head which overrides it
#gallery a, a.authorlink {color: white !important;}you can try to override the override:
#gsPages, #gsPages div { color: #00000; font-size: 1.2em; } #gsPages a { color: #000000 !important; } #gsPages a:hover, #gsPages a:focus { color: #CCCC00 !important; }-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
Nope... All that did was change the word "Page" and the "current page number" to white. So now the entire string of numbers is white. Anne
Posts: 8339
Now you're going to have to do some of the work here.
I cannot guess what you need.
Seems good to me. The current page is larger denoting current page. The other numbers match the rest of the links on your site.
If you have a different style in mind you will have to enlighten me.
Also someone has irresponsibly added styles directly to the page after the theme.css has been called effectively overriding certain attributes in theme.css
This would mean editing other files.
-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
The ONLY changes to G2 have been made by G2 add on programs, or changes made by people such as yourself. and those changes have been minor things to changes a font size or color in a certain album. If you go to the site you can see I am using almost a stripped down version of G2 with the xtreme theme. I don't even have multiple themes within the site.
A. As for what I am trying to do is be able to;
make font size larger.....done ("Page" and "current page number" now larger than other numbers)
change the font color.... done ("Page" and "current page number" now black)
change the color of the other page numbers...now white
Add a hover color... none
B. I ADDED
#gsPages a { color: #000000 !important; }
#gsPages a:hover, #gsPages a:focus { color: #FF0000 !important; }
to the file
C. NOW.. "Page" and the "current page number" turned white,, ALL numbers displaying pages are now white
Hope that helps
Anne
Posts: 8339
I'm not here to argue w/ you, but these lines found in the <style> block are the culprit:
#gallery a, a.authorlink {color: white !important;} #gallery a:hover {color: #FFFF29 !important;} #gallery a:active {color: black !important;}you can view this <style> block by viewing the source of the page.
The !important forces the style on other links.
If the extreme theme gives you an area to add custom css add this to the end:
#gsPages, #gsPages div { color: #00000 !important; font-size: 1.2em !important; } #gsPages a { color: #000000 !important; font-size: 1.2em !important; } #gsPages a:hover, #gsPages a:focus { color: #CCCC00 !important; }BTW, PG never updated Extreme above 2.2.x, so you are working on an outdated theme.
-s
________________________________
All New jQuery Minislideshow for G2/G3
Posts: 46
Not meaning to argue.. I also saw that code when I did a "view source".. However, I do not know how it got there unless by my adding an add on to G2. Is there a way to find out where it came from or what add on is using it?
As for the rest, thanks.. I think I will just be satisfied with what I have. I got the most important thing.. Bigger and more readable... Most of us ancients were having a hard time seeing the numbers before..
I dont know if your generation had the phrase "KISS" Keep It Simple Stupid ... I am opting for KISS right now....
I opted for the xtreme because I could change a bunch of things with a simple check of a box or adding a color etc.. no messing with the code. LOADS of flexibility for layout. Is there another theme with as much flexibility and is up to date????
THANKS.. have a good evening.
Posts: 8339
I've never used any of Pedro's themes, looks like Extreme is ~5yrs old http://codex.gallery2.org/Gallery2:User_Contributions#Themes
My method for G2 customization is usually embedding or direct theme customization.
And yes we believe in KISS <- I thought we invented that?
-s
________________________________
All New jQuery Minislideshow for G2/G3