Please Help: Badge Code Still Not Working Correctly

A link to a page demonstrating the problem might help.

https://nerdykibbles.net
Sorry about that..

it adds a white rectangular bar under the badge

That’s actually holding a link (using Molly’s name) to https://www.dogster.com/dogs/253139

To make the link visible, try adding

.badge_o a{
color:#000;
padding:0;}

to the bottom of your theme’s stylesheet.

Adding:

.badge_o br{display:none;}

might reduce some of the padding/empty space in that block too.

Esmi! Delightful! You helped me get everything rolling back in April. I feel better knowing I’m working with you again on my blog. ??

So, here’s what I have now..

I went back in straighted Molly’s badge out (I must have cut off part of her badge’s coding earlier. In any case, you were able to help me reduce the padding; however, the code for trying to make her name link visible didn’t work.

And, there’s one other related problem. Under Molly’s name, the link is split up into three separate groupings, complete with separation lines. Is that something that can be corrected as well?

Dominick

One other bit of info to add.. I didn’t notice it at first, but there’s two other things going on (only with Molly’s badge – the other 2, which were added as widget, seem to be fine): 1) the right side of Molly’s badge now appears to be inproportionate to it’s left side, and 2) her badge isn’t supposed to have the thin border around her picture; hers should mirror theirs.

I would go ahead and make hers a widget instead, but I ran into the problem of how to move it to where the badge is now. The Archives (which you helped me with) was no longer a widget once we fixed it.

the code for trying to make her name link visible didn’t work

Try:

#sidebar2 .badge_o a{
color:#000;
padding:0;}
#sidebar2  .pet_img_o {
padding:0;
border:none;
}

Awesome! That worked perfect. I can see her name, but those dividing lines can be seen with her name now. ??

Also, can that coding above also be used with the widgets to make Lily’s and Fez’s names show up like they’re supposed to as well?

The only solution I came up with was doing away with the archives, as I’m of the opinion it can’t be fixed because no one has replied other than you, Esmi. Ah well..

Can anyone please help me? The coding Esmi listed to make the pet’s name link under their badge be seen worked earlier in the day when I was at work. I’ve since tried at home using Firefox as well as IE and neither browser is showing it. Can anyone please help me to make my pets’ name badges be seen instead of being invisible?

Sorry – I had to log off for a while. If you try putting the badge back on the site, I can look at getting those borders/dividers removed.

Esmi –

No worries – I need a break from the ‘puter for a spell, too. I got it to all work by placing the badges into individual widgets. However, their individual names/link disappeared. The coding you gave me earlier worked, then I am not sure what happened, but now it doesn’t. Is there any other way around that?

Looks like you are currently using:

.badge_o a:link, .badge_o a:visited {
    color: #F08624;
    text-decoration: none;
}

Try changing that to:

#sidebar2 .badge_o a:link, #sidebar2 .badge_o a:visited {
    color: #F08624;
    text-decoration: none;
}

It worked!! w00t!!! Now, let’s hope that it stays that way. ?? Thank you again for your help, Esmi! Enjoy the rest of your evening..

Glad I could help. ??