Tantan Flickr CSS

  • Dave333

    (@dave333)


    14 years, 6 months ago

    I have spent over an hour trying to customize the CSS of this plugin and still can’t achieve a simple style change.

    The most frustrating thing about this plugin is that it doesn’t utelise the existing CSS of the blog’s theme. Instead, I have these horrid bright blue squares around every single thumbnail. The standard blue inks and purple for visited links is not at all suitable. But rather than duplicating the blgo’s theme styles into the Tantan Flickr style sheet I’d rather just apply my existing theme’s style sheet.

    Is this possible?

    If not, how do I change the Tantan CSS to get rid of the blue and purple link colours?

    I used the Firefox plugin Firebug to determine what styles I needed to changed and found a few styles with names like tt-flickr. Yet, none of these appear on the tan tan flickr css. Does anyone know why not? Where do these styles reside then?

Viewing 12 replies - 1 through 12 (of 12 total)
  • tugbucket

    (@tugbucket)

    14 years, 6 months ago

    try adding

    .tt-flickr img { border: none; }

    to your CSS. Put it at the bottom to make sure it overrides default styles above it in the CSS.

    It looks like that class is created by photoalbum-resources.php. It doesn’t appear in any CSS file, your right. It’s most likely applied so that if you want to do anything special with the links, you can. And, since they have their own unique class name, it shouldn’t interfere with the rest of the site.

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    Thanks tugbucket,

    You are right, the tt-flickr style is in the photoalbum-resources.php insted of the style sheet for some reason.

    I tried your suggestions and that got rid of the boxes but I still need to change all the links to get rid of the horrid blue and purple on all hyperlinks.

    Any ideas?

    tugbucket

    (@tugbucket)

    14 years, 6 months ago

    then a img { border: none; } ?

    a link to the site in question would be easier

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    That would only work on images.

    Your original suggestion worked on images. I no longer have a problem with the images. That’s all sorted thanks.

    I am now wanting to change ALL textual hyperlinks on the Gallery page to conform with the CSS of my theme.

    I guess I have to duplicate these styles into the Tantan flickr CSS but I just thought I’d ask for your suggestion on that as your previous suggestion worked well.

    Is there a similar simple line I can add to apply style to the entire Gallery page, not just one ssection of it?

    tugbucket

    (@tugbucket)

    14 years, 6 months ago

    you dont need to duplicate the styles into the plugins CSS. That’s actually a bad idea in case you ever want to change them. You would have to do it twice. Instead, open the plugins CSS and remove or comment out all the lines that give the links tier colors.

    I quickly glanced at the CSS and it appears there’s only 3 or 4 lines to worry about.

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    That is the first thing I tried…using Firebug. The problem is that there are no styles set to make the links blue and purple. I got the hex colour for the blue and searched the entire CSS – nothing.

    So it seems the plugin somehow over rides my theme’s CSS and forces the styles to return to default. I don’t understand how the plugin author has done this, nor can I understand why he has done this.

    I think I’ll ditch it and try a different plug in.

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    OK, had a look around, can’t find another Flickr plug in so have come back to struggle with this one. Wasted another hour trying to solve this annoynig problem.

    If anyone knows how to change the styles in this plugin please let me know.

    How do I get override the default blue and purple colouring of hyperlinks and apply my own themes CSS?

    Surely not everyone is leaving the links blue and pruple????

    tugbucket

    (@tugbucket)

    14 years, 6 months ago

    can you please post a link to the page in question?

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    Sorry, I know it’s not very helpful but I’d prefer not to publicise the website. Thanks for your help with this anyway.

    I just spent a few more hours on it and ended up just giving up and duplicating the site’s CSS at the top of the plugin’s CSS.

    I simply added this top the top of the plugin’s style sheet:

    That seemed the only way to override the default blue and purple hyperlink styles.

    Thread Starter Dave333

    (@dave333)

    14 years, 6 months ago

    Sorry, I know it’s not very helpful but I’d prefer not to publicise the website. Thanks for your help with this anyway.

    I just spent a few more hours on it and ended up just giving up and duplicating the site’s CSS at the top of the plugin’s CSS.

    I simply added this top the top of the plugin’s style sheet:

    a:link {
	color: #82775F;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #82775F;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #A89A7b;
	text-decoration: underline;
	font-weight: bold;
}

    That seemed the only way to override the default blue and purple hyperlink styles.

    bradyjfrey

    (@bradyjfrey)

    14 years, 5 months ago

    In the template files there’s a photoalbum-styles.css – just empty the file out, save yourself the hassle of overriding code!

    Neat trick though: if you ever want to override a specific element in a class or id, put the !important element after it:

    background-color: black !important;

    That takes precedence over all other css, best used at the bottom of your CSS file.

    Thread Starter Dave333

    (@dave333)

    14 years, 5 months ago

    Empty it out? There is no mention of the blue and purple hex codes in that style sheet anyway so I’m farily certain that won’t resolve the problem. I’ll keep it mind though, thanks.

    Thanks very much for your !important tip. Thats a great idea and will remember that for the future.

    The plugin would be so much more useful if the developer had thought to give some instructions on how to use it. Unfortunately this is true of many developers who lack the ability to take off their coders hat and look at the plugin from the perspective of the average WP user.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Tantan Flickr CSS’ is closed to new replies.

Tags