WordPress.org

Ready to get started?Download WordPress

Forums

Tantan Flickr CSS (13 posts)

  1. Dave333
    Member
    Posted 4 years 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?

  2. tugbucket
    Member
    Posted 4 years 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.

  3. Dave333
    Member
    Posted 4 years 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?

  4. tugbucket
    Member
    Posted 4 years ago #

    then a img { border: none; } ?

    a link to the site in question would be easier

  5. Dave333
    Member
    Posted 4 years 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?

  6. tugbucket
    Member
    Posted 4 years 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.

  7. Dave333
    Member
    Posted 4 years 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.

  8. Dave333
    Member
    Posted 4 years 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????

  9. tugbucket
    Member
    Posted 4 years ago #

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

  10. Dave333
    Member
    Posted 4 years 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.

  11. Dave333
    Member
    Posted 4 years 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.

  12. bradyjfrey
    Member
    Posted 4 years 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.

  13. Dave333
    Member
    Posted 4 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic