Co-branding problems

igoforit · July 19, 2005

Sure it is all my fault I still have a few issues, since I am not familiar with HTML and CSS. Despite that, I am quite happy with what I already was able to achieve with the Smugmug cobranding. Congratulations to Smugmug for these great and simple capabilities! :clap I had never dared to dream I would ever get this far.
Here is how it looks by now:
www.jos-echelpoels.smugmug.com

Now, what are my issues?

1. Fonts and layout of the categories are not the same.
E.g. "Models" has a single column and big characters
but "Travel" has a dual column and smaller characters

2. I would like to get rid of the headings like these:
Jos Echelpoels' Home > Travel
and
Jos Echelpoels' Travel galleries
I guess that if I get the fonts properly done, I could make these fonts black (= invisible) IF no other fonts on the pages are affected.

Help is very much appreciated,
Jos

Mike Lane · July 20, 2005

igoforit wrote:

1. Fonts and layout of the categories are not the same.
E.g. "Models" has a single column and big characters
but "Travel" has a dual column and smaller characters

To get all the fonts on your site the same use something like the following in your css:

div,p,th,td,li,dd,textarea {
 font-family:Century Gothic, verdana, sans-serif;
 }

but replace my fonts with the fonts that you want to use. The sizes may be another issue, if you want I'll help you adjust those after you get a look at the new fonts. I suggest putting in several different fonts separated by commas as I have done.

2. I would like to get rid of the headings like these:
Jos Echelpoels' Home > Travel
and
Jos Echelpoels' Travel galleries
I guess that if I get the fonts properly done, I could make these fonts black (= invisible) IF no other fonts on the pages are affected.

Help is very much appreciated,
Jos

Just put in the following in your css:

.offblue {display:none}

igoforit · July 20, 2005

Mike Lane wrote:
To get all the fonts on your site the same use something like the following in your css:
div,p,th,td,li,dd,textarea {
font-family:Century Gothic, verdana, sans-serif;
}
but replace my fonts with the fonts that you want to use. The sizes may be another issue, if you want I'll help you adjust those after you get a look at the new fonts. I suggest putting in several different fonts separated by commas as I have done.

Just put in the following in your css:
.offblue {display:none}

Dear Mike,
Thanks for your help!
Unfortunately, it doesn't seem to solve my issues.
I have copied both pieces of code in my stylesheet section (you can see the result at www.jos-echelpoels.smugmug.com.
It has removed successfully the first part of the top heading (category level), but the category choosen remains visible in white characters as well as the heading below.
Also, the size of the fonts and the number of colums remains different for different categories.
Any further suggestions?
Thanks in advance,
Jos

Mike Lane · July 20, 2005

igoforit wrote:

Dear Mike,
Thanks for your help!
Unfortunately, it doesn't seem to solve my issues.
I have copied both pieces of code in my stylesheet section (you can see the result at www.jos-echelpoels.smugmug.com.
It has removed successfully the first part of the top heading (category level), but the category choosen remains visible in white characters as well as the heading below.
Also, the size of the fonts and the number of colums remains different for different categories.
Any further suggestions?
Thanks in advance,
Jos

Unfortunately, I can't get to your site from work. Are you using firefox? The reason that I ask is that if you are on firefox you can get the web developer toolbar that will allow you to see and manipulate the css (even the css that the SM guys use for your site) in real time (i.e. you don't have to update the cobranding to see the changes).

Take a look at my page www.mikelanephotography.com to see what all I have changed. View my source and look for anything to do with fonts in the css section. Try imitating some of the things in there and you may find what you're looking for.

On the other hand, there are certain things that are not changeable just yet. That will change soon so if you can't get to something don't worry about it too much.

Mike

Mike Lane · July 20, 2005

Also check out http://del.icio.us/popular/css to get some great sites that will help you out with css.

igoforit · July 20, 2005

Mike,
Thanks again.
I am working with IE6.
In terms of headings, I have pretty much the same elements still visible as you have. Guess I can live with that although I would have liked them to be removable competely.

About the size of the text (and also the thumbnails) and the number of colums being inconsistent between my categories, I think I found that this is depending on the number of galleries to be shown. It looks like smugmug automatically changes the size. This way, of course, I loose some consistency in the look going from one category to another.
Any chance of forcing the more condensed style throughout without having to become a CSS specialist?

Thanks again,
Jos

Maki · July 20, 2005

Mike Lane wrote:

Unfortunately, I can't get to your site from work. Are you using firefox? The reason that I ask is that if you are on firefox you can get the web developer toolbar that will allow you to see and manipulate the css (even the css that the SM guys use for your site) in real time (i.e. you don't have to update the cobranding to see the changes).

Take a look at my page www.mikelanephotography.com to see what all I have changed. View my source and look for anything to do with fonts in the css section. Try imitating some of the things in there and you may find what you're looking for.

On the other hand, there are certain things that are not changeable just yet. That will change soon so if you can't get to something don't worry about it too much.

Mike

Which extension are you using for Firefox? I tried installing a couple hopefuls and they bombed during installation...

Maki · July 20, 2005

Maki wrote:

Which extension are you using for Firefox? I tried installing a couple hopefuls and they bombed during installation...

I think I found it, the Web Developer kit.

Mike Lane · July 20, 2005

Maki wrote:

I think I found it, the Web Developer kit.

I'm not sure if that is it or not. I'm using the one found at http://extensionroom.mozdev.org/more-info/webdeveloper. But if the one you found works, sweet.

Mike Lane · July 20, 2005

Jos,

I just checked out your site. I like your header a lot. Did you mean to put spaces between each item (that's what I see in firefox). You don't have to use the fonts that I used if you don't want of course. If there is a lot of text Century Gothic is kind of difficult to read. My site doesn't have much in the way of text (at least my front page doesn't) so I can get away with it.

Also (hopefully it won't bother you that I mention it) there are a lot of misspellings in your bio. I'd probably go through that and clean it up... Just saying.

Maki · July 21, 2005

Mike Lane wrote:

I'm not sure if that is it or not. I'm using the one found at http://extensionroom.mozdev.org/more-info/webdeveloper. But if the one you found works, sweet.

Yeah, it appears to be the same by looking at the version number. I pulled it off from the Firefox extentions list.

Thanks!

igoforit · July 21, 2005

Mike Lane wrote:

Jos,

I just checked out your site. I like your header a lot. Did you mean to put spaces between each item (that's what I see in firefox). You don't have to use the fonts that I used if you don't want of course. If there is a lot of text Century Gothic is kind of difficult to read. My site doesn't have much in the way of text (at least my front page doesn't) so I can get away with it.

Also (hopefully it won't bother you that I mention it) there are a lot of misspellings in your bio. I'd probably go through that and clean it up... Just saying.

Mike,
Thanks for drawing my attention to the misspellings (I actually appreciate if people point me to my errors - it is better than having them joking about my stupidity) . I hope I corrected them in the bio but I am afraid there may be more in the other captions on my site. I am not native English speaking and there is no spelling checking feature in the text entry forms to my knowledge (would be a good help for me).

Regarding the header, I am not talking about the menu header which is fine for me (in IE6).

Suppose you choose "Travel" then you will see on the next page between my header menu and the galleries 2 what I call headers:

> Travel

Jos Echelpoels' Travel galleries

These 2 "headings", I would like to eliminate because:
- I don't need that navigation because of my menu system
- My name is on the site enough already
- If you want to make a site in another language, you need to get rid of these strings in English. E.g. www.dekleinewijzer.smugmug.com is a Dutch site I prepared for my wife.

Thanks again Mike,

Jos

Mike Lane · July 22, 2005

igoforit wrote:

Mike,
Thanks for drawing my attention to the misspellings (I actually appreciate if people point me to my errors - it is better than having them joking about my stupidity) . I hope I corrected them in the bio but I am afraid there may be more in the other captions on my site. I am not native English speaking and there is no spelling checking feature in the text entry forms to my knowledge (would be a good help for me).

Regarding the header, I am not talking about the menu header which is fine for me (in IE6).

Suppose you choose "Travel" then you will see on the next page between my header menu and the galleries 2 what I call headers:

> Travel

Jos Echelpoels' Travel galleries

These 2 "headings", I would like to eliminate because:
- I don't need that navigation because of my menu system
- My name is on the site enough already
- If you want to make a site in another language, you need to get rid of these strings in English. E.g. www.dekleinewijzer.smugmug.com is a Dutch site I prepared for my wife.

Thanks again Mike,

Jos

To get rid of the > Travel use

.headlg{display:none;}

So here's the problem with the current set of cobranding. You can very easily get rid of the second part (the "Jos Echelpoels' Travel galleries" part); however, the code that you would use to do that also eliminates all the gallery information. You would have gallery pictures, and the date and time you updated that gallery but no gallery title and no gallery description. I doubt you want that (trust me it looks very bad) so I'm not even going to tell you the code.

Like I said before, they are working on updating the cobranding so you should be able to change this eventually, but you can't right now. Consider it out of reach until further notice.

System · July 22, 2005

How did you do that?
Hi Jos, I like your nav bar with links across the top at the banner...can you share how you did that? Thanks much, best, Shane

igoforit wrote:

Sure it is all my fault I still have a few issues, since I am not familiar with HTML and CSS. Despite that, I am quite happy with what I already was able to achieve with the Smugmug cobranding. Congratulations to Smugmug for these great and simple capabilities! I had never dared to dream I would ever get this far.
Here is how it looks by now:
www.jos-echelpoels.smugmug.com

Now, what are my issues?

1. Fonts and layout of the categories are not the same.
E.g. "Models" has a single column and big characters
but "Travel" has a dual column and smaller characters

2. I would like to get rid of the headings like these:
Jos Echelpoels' Home > Travel
and
Jos Echelpoels' Travel galleries
I guess that if I get the fonts properly done, I could make these fonts black (= invisible) IF no other fonts on the pages are affected.

Help is very much appreciated,
Jos

igoforit · July 22, 2005

Mike Lane wrote:
To get rid of the > Travel use
.headlg{display:none;}
So here's the problem with the current set of cobranding. You can very easily get rid of the second part (the "Jos Echelpoels' Travel galleries" part); however, the code that you would use to do that also eliminates all the gallery information. You would have gallery pictures, and the date and time you updated that gallery but no gallery title and no gallery description. I doubt you want that (trust me it looks very bad) so I'm not even going to tell you the code.

Like I said before, they are working on updating the cobranding so you should be able to change this eventually, but you can't right now. Consider it out of reach until further notice.

Mike,
Thanks, getting rid of the "> Travel" works indeed. Thanks again!
I had indeed found myself before the problem that if I make the other heading invisible that also other text was disappearing.
I will be patient now and wait for Smugmug to give me more options. It is already an improvement!
Best regards,
Jos

igoforit · July 22, 2005

Shane Canfield wrote:

Hi Jos, I like your nav bar with links across the top at the banner...can you share how you did that? Thanks much, best, Shane

Shane,
I found this to be explained very well here:
http://www.dgrin.com/showthread.php?t=5279&highlight=menu+photoshop

Good luck,

Jos

igoforit · July 22, 2005

igoforit wrote:

Mike,
Thanks, getting rid of the "> Travel" works indeed. Thanks again!
I had indeed found myself before the problem that if I make the other heading invisible that also other text was disappearing.
I will be patient now and wait for Smugmug to give me more options. It is already an improvement!
Best regards,
Jos

Unfortunately I found that also the Gallery Names disappeared in those categories where they are displayed in large size. It was OK for the others.
I feel that the inconsistency in how large or small categories are presented is not helping here.
Regards,
Jos

Mike Lane · July 22, 2005

igoforit wrote:

Unfortunately I found that also the Gallery Names disappeared in those categories where they are displayed in large size. It was OK for the others.
I feel that the inconsistency in how large or small categories are presented is not helping here.
Regards,
Jos

I thought maybe there was something else that would disappear. I guess it's just a waiting game for the new customizations to make their way out.

Co-branding problems

Comments