View Full Version : Frustrated Newbie - Questions re fonts
RuSu
Jul-07-2009, 12:49 AM
I'm a newbie, still in my trial period. I'm like SM, but so much stuff here is way over my head as I know zero about programming, codes, etc. Still, I don't give up easily & will undoubtedly end up joining you smuggers, but could really use some help as I'm about to tear my hair out after 2.5 days of trying to deal with seemingly simply issues.
This is my 1st posting in what may end up being a series, so please bear with me.
I want to 1st ask about fonts.
Since my homepage http://rusu.smugmug.com/ is black, I have a white custom header. However, I want to have different colors for specific galleries & categories. Specifically:
1. In this category http://rusu.smugmug.com/Business%20Travel%20-%20Rustem (http://rusu.smugmug.com/Business%20Travel%20-%20Rustem) I've used SM's gold theme, but the titles & descriptions are white which don't show up well. I would like to change it to black. Tried pasting some code I found in the forum which didn't work. I've left it there for you to look at.
2. Same for this one: http://rusu.smugmug.com/Vacation (http://rusu.smugmug.com/Vacation) (though it's not as bad).
3. For this one: http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M (http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M) I can't see a thing. I want to change ALL text on this page, including ther title, decription, comments, etc. to a color similar to the light burgandy SM uses for this theme.
4. I was able to create a guestbook & even change the comments from gallery to guesbook comments. How to change the guesbook comments text to black?http://rusu.smugmug.com/gallery/8810309_WtEQR
As I'm beginning to understanding all of the issues concern over-riding SM's default for themes.
Also re: fonts - how to over-ride the font style & size when using themes?
Thanks in advance for taking time to read this & helping out. Please be specifc in your reply(-ies). Sorry for all the questions...
SuRu
HamSmuggler
Jul-07-2009, 07:13 AM
I'm a newbie, still in my trial period. I'm like SM, but so much stuff here is way over my head as I know zero about programming, codes, etc. Still, I don't give up easily & will undoubtedly end up joining you smuggers, but could really use some help as I'm about to tear my hair out after 2.5 days of trying to deal with seemingly simply issues.
This is my 1st posting in what may end up being a series, so please bear with me.
I want to 1st ask about fonts.
Since my homepage http://rusu.smugmug.com/ is black, I have a white custom header. However, I want to have different colors for specific galleries & categories. Specifically:
1. In this category http://rusu.smugmug.com/Business%20Travel%20-%20Rustem (http://rusu.smugmug.com/Business%20Travel%20-%20Rustem) I've used SM's gold theme, but the titles & descriptions are white which don't show up well. I would like to change it to black. Tried pasting some code I found in the forum which didn't work. I've left it there for you to look at.
2. Same for this one: http://rusu.smugmug.com/Vacation (http://rusu.smugmug.com/Vacation) (though it's not as bad).
3. For this one: http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M (http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M) I can't see a thing. I want to change ALL text on this page, including ther title, decription, comments, etc. to a color similar to the light burgandy SM uses for this theme.
4. I was able to create a guestbook & even change the comments from gallery to guesbook comments. How to change the guesbook comments text to black?http://rusu.smugmug.com/gallery/8810309_WtEQR
As I'm beginning to understanding all of the issues concern over-riding SM's default for themes.
Also re: fonts - how to over-ride the font style & size when using themes?
Thanks in advance for taking time to read this & helping out. Please be specifc in your reply(-ies). Sorry for all the questions...
SuRu
Hang in there, I got my page extremely customized with help from nice people here. While I was frustrated at first, it was totally worth it.
jfriend
Jul-07-2009, 07:27 AM
You cannot easily mix themes and the easy customizer. If you do, then you will get color situations like you have in items #1 and #2. If you really want to use the themes and haven't done much with the easy customizer, then it may be easiest to get rid of the easy customizer stuff. You would just go to easy customizer and choose Start Over and answer the confirmation prompts. When you've gotten rid of the Easy Customizer, then your theme text colors will start to look normal again (the easy customizer is forcing white text even though the theme is configured for a better color than that).
The Easy Customizer is meant to make a global change to your site so thus it doesn't mix well with per category or per gallery themes.
RuSu
Jul-07-2009, 08:14 AM
Denise Goldberg had earlier sent me this code to over ride theme colors
.gallery_8822071 #breadCrumbTrail,
.gallery_8822071 #albumDescription,
.gallery_8822071 #albumTitle,
.gallery_8822071 a .nav,
.gallery_8822071 .title,
.gallery_8822071 #pageNavigation_top .pageNav {
color: #463E41 !important;
It worked, to some extent. If you look at the gallery you'll see some things are in the new color and some aren't.
If I do a start over on the customizer, I assume that means I would have to write code for every single little thing - for which, quite honestly, I have no idea what they're called, nevermind how to write it. Before trying SM, I'd never even seen code before.
Any idea how I would go about re-writing the whole thing to the new color or what adjustment to make here?
I'm totally in the dark & have no intention of becoming a web developer :-)
So many smuggers have incredible pages & I decided to try SM because of that. However, I had no idea it'd be so complicated...
BTW, both of you not only have fantastic pages, but you do magnificent work. I'm just a total amateur sitting here in Moscow, wanting share with friends & family. BUT I'm also totally neurotic & would send my stuff out until it looks 1/2 way decent.
Thanks for any input.
jfriend
Jul-07-2009, 08:25 AM
Denise Goldberg had earlier sent me this code to over ride theme colors
.gallery_8822071 #breadCrumbTrail,
.gallery_8822071 #albumDescription,
.gallery_8822071 #albumTitle,
.gallery_8822071 a .nav,
.gallery_8822071 .title,
.gallery_8822071 #pageNavigation_top .pageNav {
color: #463E41 !important;
It worked, to some extent. If you look at the gallery you'll see some things are in the new color and some aren't.
If I do a start over on the customizer, I assume that means I would have to write code for every single little thing - for which, quite honestly, I have no idea what they're called, nevermind how to write it. Before trying SM, I'd never even seen code before.
Any idea how I would go about re-writing the whole thing to the new color or what adjustment to make here?
I'm totally in the dark & have no intention of becoming a web developer :-)
So many smuggers have incredible pages & I decided to try SM because of that. However, I had no idea it'd be so complicated...
BTW, both of you not only have fantastic pages, but you do magnificent work. I'm just a total amateur sitting here in Moscow, wanting share with friends & family. BUT I'm also totally neurotic & would send my stuff out until it looks 1/2 way decent.
Thanks for any input. If you really don't want to get into web development, then you should stick with the easy customizer. As I said above, the easy customizer forces all text on all pages to be the same color. If you want to use themes for some galleries and some categories, then you have to pick themes that work with those colors.
Yes, it is possible to customize the colors on any page, but it takes some web development to do so. So, we're back to where we were. You either want to learn some web development or you don't. If you don't, then stick with easy customizer and select themes that work with the colors that easy customizer is giving you site-wide. In the case of your Business Travel page, you should select a theme that works with white text.
RuSu
Jul-07-2009, 09:20 AM
I think it's fair enough if someone doesn't want to become a web developer. I didn't say I 'm not willing to learn - in fact, I would like to learn at least some basics.
Is it possible to answer my aforementioned question? If I start over will the code Denise gave me be global for all things on that page?
jfriend
Jul-07-2009, 09:39 AM
I think it's fair enough if someone doesn't want to become a web developer. I didn't say I 'm not willing to learn - in fact, I would like to learn at least some basics.
Is it possible to answer my aforementioned question? If I start over will the code Denise gave me be global for all things on that page? There certainly is some middle ground. I just think Smugmug has made it very difficult to use both Easy Customizer and themes because nearly every time you select a theme, the Easy Customizer settings will have messed it up and you will have to re-customize it manually to fix it. This is disappointing because the easy customizer could have been designed to be compatible with themes and you would have had the best of both worlds.
So, yes you can use themes with easy customizer as long as every time you use a theme, you are willing to do some customization to fix the parts that the easy customizer has messed up. If you're willing to learn how to do that, you can go that path. I just don't like to recommend people go down a path that will continue to frustrate them because every time they try something, it won't work and they will need help. If you're game to learn it, you can go that way.
As to your question, I'm not sure I understand which exact question and which exact page you are referring to. Can you restate the question you want help with and make sure you include a link to the page you are asking about?
RuSu
Jul-07-2009, 09:49 AM
Thanks for getting back to me. Have a look at either of these galleries:
http://rusu.smugmug.com/gallery/8822071_RCFi4#584412175_4xALv
http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M
I used this code Denise had sent me:
.gallery_8743467 #breadCrumbTrail,
.gallery_8743467 #albumDescription,
.gallery_8743467 #albumTitle,
.gallery_8743367 .nav,
.gallery_8743467 .title,
.gallery_8743467 #pageNavigation_top .pageNav {
color: #800000 !important;
}
BUT as you can see, some things are still in white. So, the question is what needs to be done to tweak Denise's code to affect everything on the that's white (path, my title Lives of... & this
Your Photos (http://rusu.smugmug.com/) | Logout (http://www.smugmug.com/logout.mg?s=815&goTo=http://rusu.smugmug.com/gallery/8822071_RCFi4) | Help (http://www.smugmug.com/help) | | function styleBarChange(cookieType, comboBox) { var cookieData = { tool : 'setCookie', value : comboBox.options[comboBox.selectedIndex].value, type: cookieType }; var tmpArray = new Array(); for(var i in cookieData) { tmpArray.push(i+"="+cookieData[i]); } var postData = tmpArray.join('&'); var broken = function() { // the call broke, reload? }; var reloadPage = function() { location.reload(); }; var callback = { success: reloadPage, failure: broken, scope: this }; // update the display how many we have sent var cookieRequest = YAHOO.util.Connect.asyncRequest( 'POST','/rpc/settings.mg', callback, postData); }
That's the question. Thanks much!
Allen
Jul-07-2009, 09:52 AM
I think it's fair enough if someone doesn't want to become a web developer. I didn't say I 'm not willing to learn - in fact, I would like to learn at least some basics.
Is it possible to answer my aforementioned question? If I start over will the code Denise gave me be global for all things on that page?
If using multiple themes it would be easier to not use Easy Customizer and
plug in the html and CSS needed. The EC does a lot of generic site wide
settings that interferes with any additional customizing.
It's just a matter of one step at a time and a little patience is needed. Many
here, mostly using WebDev, will guide you through with the necessary code,
mostly cut and paste, as long as for each step you explain clearly what you
want.
Volunteers and helpers here gota realize a big percentage visiting here
do not really want to learn this stuff, just get their site looking good. :D
Allen
Jul-07-2009, 10:09 AM
Thanks for getting back to me. Have a look at either of these galleries:
http://rusu.smugmug.com/gallery/8822071_RCFi4#584412175_4xALv
http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M
I used this code Denise had sent me:
.gallery_8743467 #breadCrumbTrail,
.gallery_8743467 #albumDescription,
.gallery_8743467 #albumTitle,
.gallery_8743367 .nav,
.gallery_8743467 .title,
.gallery_8743467 #pageNavigation_top .pageNav {
color: #800000 !important;
}
BUT as you can see, some things are still in white. So, the question is what needs to be done to tweak Denise's code to affect everything on the that's white (path, my title Lives of... & this
Your Photos (http://rusu.smugmug.com/) | Logout (http://www.smugmug.com/logout.mg?s=815&goTo=http://rusu.smugmug.com/gallery/8822071_RCFi4) | Help (http://www.smugmug.com/help) | | function styleBarChange(cookieType, comboBox) { var cookieData = { tool : 'setCookie', value : comboBox.options[comboBox.selectedIndex].value, type: cookieType }; var tmpArray = new Array(); for(var i in cookieData) { tmpArray.push(i+"="+cookieData[i]); } var postData = tmpArray.join('&'); var broken = function() { // the call broke, reload? }; var reloadPage = function() { location.reload(); }; var callback = { success: reloadPage, failure: broken, scope: this }; // update the display how many we have sent var cookieRequest = YAHOO.util.Connect.asyncRequest( 'POST','/rpc/settings.mg', callback, postData); }
That's the question. Thanks much!
I think this gets everything in this gallery. Some of it might be better
generic site-wide but would have to be checked across all themes.
.gallery_8743467 #customFooter, /* maybe site wide? */
.gallery_8743467 #caption_bottom,
.gallery_8743467 #cobrand_footer .nav,
.gallery_8743467 #toolbar .nav,
.gallery_8743467 #breadCrumbTrail .nav,
.gallery_8743467 .nav,
.gallery_8743467 .title {
color: #800000 !important;
}
RuSu
Jul-07-2009, 10:23 AM
Hear, hear, Allen! I suspect many of us are willing to learn some basics, but we can only take it so far. After, we do have other jobs. So, thank you for understanding.
Now, how to decide my aforementioned problem?
jfriend
Jul-07-2009, 10:25 AM
Thanks for getting back to me. Have a look at either of these galleries:
http://rusu.smugmug.com/gallery/8822071_RCFi4#584412175_4xALv
http://rusu.smugmug.com/gallery/8743467_hdxiy#581606702_3ge4M
I used this code Denise had sent me:
.gallery_8743467 #breadCrumbTrail,
.gallery_8743467 #albumDescription,
.gallery_8743467 #albumTitle,
.gallery_8743367 .nav,
.gallery_8743467 .title,
.gallery_8743467 #pageNavigation_top .pageNav {
color: #800000 !important;
}
BUT as you can see, some things are still in white. So, the question is what needs to be done to tweak Denise's code to affect everything on the that's white (path, my title Lives of... & this
That's the question. Thanks much! This stuff is not easy to figure out. I spent 30 minutes on it (which is all the time I have now) and this is what I have so far, but there are still other pieces of white text. For the second gallery, change the CSS to this:
.gallery_8743467 #breadCrumbTrail,
.gallery_8743467 #breadCrumbTrail a.nav,
.gallery_8743467 #albumDescription,
.gallery_8743467 #albumTitle,
.gallery_8743367 .nav,
.gallery_8743367 a.nav,
.gallery_8743467 .title,
.gallery_8743467 .caption,
.gallery_8743467 #customFooter,
.gallery_8743467 #pageNavigation_top .pageNav {color: #800000 !important;}
.smugmug.gallery_8743467 #customFooter {width:970px; background: transparent url(http://cdn.smugmug.com/img/themes/TheBigChill/boxMiddleBig.png) no-repeat;}
The last part will also fix the border at the ends of your footer, but it is specific only to the Smugmug view (since each type of view is a different width).
When you go this way, you essentially have to design your own theme to find all the places that everything has been reset by the easy customizer.
FYI, I agree with Allen. If you want to use themes, it is way, way easier to clear out easy customizer and never use it and get help with the customizations you want, that it is to fix the themes that the easy customizer messes up.
RuSu
Jul-07-2009, 11:23 AM
That works perfectly, except for one small detail. I can't see
<< (http://rusu.smugmug.com/gallery/8743467_hdxiy#P-1-9)< Prev (http://rusu.smugmug.com/gallery/8743467_hdxiy#P-0-9) Page1 http://rusu.smugmug.com/img/spacer.gif 1 (http://rusu.smugmug.com/gallery/8743467_hdxiy#P-1-9) of 12Next > (http://rusu.smugmug.com/gallery/8743467_hdxiy#P-2-9)>> (http://rusu.smugmug.com/gallery/8743467_hdxiy#P-12-9) which remains white.
I didn't quite understand the last part you wrote about the footer, but I'm not sure it bothers me even if it is a little strange.
I really appreciate the time you spent on this. You can imagine how long it might have taken me.
Now, am I going to aggrevate you by asking how to change the font style & size :-) ?
Again, thanks a million. Will try to take your advice in the future.
YE.onDOMReady(function() { SM.buttons.buyButton = new SM.buttons.buy('cartButtonsWrapper','buyButton',{"batchAddExtra":"","nglazeURL":"http:\/\/smugmug.nglaze.com\/BulkBackup\/order.aspx?AccountPath=RuSu-smugsec-Xm.p40-smugsec-\/A8743467&BackupSize=114&ReturnURL=http%3A%2F%2Frusu.smugmug.com%2Fgallery% 2F8743467_hdxiy&AccountId=RuSu&Title=Gallery:+Nizhny+Novgorod-Diveevo+%2802.2009%29&IsAlbum=true","disableSingleImagePrint":false,"showOwnerBuy":true,"nickName":"RuSu","freeTrial":true}); SM.buttons.cartButton = new SM.buttons.viewCart('cartButtonsWrapper','cartButt on',{}); });
RuSu
Jul-07-2009, 02:08 PM
Amazingly, I figured out how to change the font size myself. After being at this literally all day, I'm going to bed as it's 2AM here. Thanks to everyone who helped me out today. I'll be back tomorrow :-)
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.