PDA

View Full Version : Change font and color of breadcrumb & remove white line from theme.


Claire-ity
Feb-04-2009, 08:14 PM
hello,
what code changes the font and color of this sort of breadcrumb?
Claire-ity (http://claire-ity.smugmug.com/) > Portfolio (http://claire-ity.smugmug.com/Portfolio) > THINGS & PLACES


also, i thought i already had the code to remove the white line from my chosen Smug Theme. this is what i currently have, but the white line is still showing.


/*this removes the white lines from my chosen Smug Mug THEME*/

#bioBox,
.boxBottom,
.boxTop {
border: none !important;
}

Thanks!
-Claire:lust

jfriend
Feb-04-2009, 08:36 PM
hello,
what code changes the font and color of this sort of breadcrumb?
Claire-ity (http://claire-ity.smugmug.com/) > Portfolio (http://claire-ity.smugmug.com/Portfolio) > THINGS & PLACES


also, i thought i already had the code to remove the white line from my chosen Smug Theme. this is what i currently have, but the white line is still showing.


/*this removes the white lines from my chosen Smug Mug THEME*/

#bioBox,
.boxBottom,
.boxTop {
border: none !important;
}

Thanks!
-Claire:lust

Apparently, you started using a new gallery style (traditional). The theme borders work differently in each gallery style.

You can get rid of them there by adding the line in red:

#bioBox,
#traditional,
.boxBottom,
.boxTop {
border: none !important;
}

Claire-ity
Feb-04-2009, 08:49 PM
Apparently, you started using a new gallery style (traditional). The theme borders work differently in each gallery style.

You can get rid of them there by adding the line in red:

#bioBox,
#traditional,
.boxBottom,
.boxTop {
border: none !important;
}

thanks, that worked.
does the white line remain when one clicks on a particular image to view close-up? or, is there a code to remove that line too?

also, wondering about this part of my question:
what code changes the font and color of this sort of breadcrumb?
Claire-ity (http://claire-ity.smugmug.com/) > Portfolio (http://claire-ity.smugmug.com/Portfolio) > THINGS & PLACES

I FIND THE SLIDESHOW, VIEW CART & BUY buttons distracting to the eye.
i want them to remain of course, for funtionality, but do i have options for changing their appearance.
thanks for all your assistance!:lust

jfriend
Feb-04-2009, 10:18 PM
thanks, that worked.
does the white line remain when one clicks on a particular image to view close-up? or, is there a code to remove that line too?

also, wondering about this part of my question:
what code changes the font and color of this sort of breadcrumb?
Claire-ity (http://claire-ity.smugmug.com/) > Portfolio (http://claire-ity.smugmug.com/Portfolio) > THINGS & PLACES

I FIND THE SLIDESHOW, VIEW CART & BUY buttons distracting to the eye.
i want them to remain of course, for funtionality, but do i have options for changing their appearance.
thanks for all your assistance!:lust Because you started with a theme that had these half borders, they are going to be in nearly every single screen on your site until you add the right CSS to make them go away. Sometimes, one piece of CSS can make them go away everywhere, but that is not the case for these borders. They appear to be done differently in almost every screen. You can make them go away in the single image view (after clicking on a thumb) by adding another line to that same CSS. I would suggest you go through every screen in your site that you can find and post a list of URLs where you find these borders and then we can try to get rid of all of them at once. Otherwise, you may keep finding them one at a time like this. Don't forget about some of the less common screens like keyword views, date search views, search results, password prompts, etc...

#bioBox,
#traditional,
#singleImage,
.boxBottom,
.boxTop {
border: none !important;
}

Claire-ity
Feb-05-2009, 08:22 AM
Because you started with a theme that had these half borders, they are going to be in nearly every single screen on your site until you add the right CSS to make them go away. Sometimes, one piece of CSS can make them go away everywhere, but that is not the case for these borders. They appear to be done differently in almost every screen. You can make them go away in the single image view (after clicking on a thumb) by adding another line to that same CSS. I would suggest you go through every screen in your site that you can find and post a list of URLs where you find these borders and then we can try to get rid of all of them at once. Otherwise, you may keep finding them one at a time like this. Don't forget about some of the less common screens like keyword views, date search views, search results, password prompts, etc...

#bioBox,
#traditional,
#singleImage,
.boxBottom,
.boxTop {
border: none !important;
}


That sounds like too big of a hassle, don't you think?
perhaps i should try to like the white lines or choose another theme that looks like the same black&white.

For now i guess i'll leave it as is, but i do appreciate your explanation, which was clear and sensible.
What do you suggest if i like the black and white theme?

also, i'll repost my other questions as separate threads.
thanks a super, super bunch!!!
-Claire:lust