-
Posts
-
I can’t change its color as it’s a closed-off … ahh … thinggy.
The blog I need help with is margaretrosestringer.com
What I’m after is to have it the same blue as the Freshly Pressed … thinggy.
(I hope you are grateful for my employment of technical terminology!)
Is this a dream that will remain forever unfulfilled, please?
And yes, I am aware that you are not all going to rush back from your tree/pressies/etc. to respond to my far-from-urgent request.
I shall sit back and drink endless espressi while I wait. :-)Hi there, your holiday wish is my command! ;-)
Is this Follow button the one you’re trying to change the colour of?
If you’d like to change all your site’s dark blue buttons/links, including this one, to the turquoise of the Freshly Pressed badge, you can do that it one fell swoop by adding this to your custom CSS:
#access, .entry-excerpt-link, .more-link, .page-numbers, #colophon, input[type="reset"], input[type="submit"] {
background-color: #185990;
}That will affect most, if not all, of the elements that had been set to that same dark blue in the CSS.
If you only want to change that one specific button to turquoise, you can add this instead:
#subscribe-blog input[type="submit"] {
background-color: #33A1CB;
}Let me know if that does the trick!
Alas, no! What I’m after is simply changing the color of the longer, WordPress ‘follow Margaret Rose Stringer’ button: I apologise for not making myself clear.
I want to change it to the sky blue of the Freshly Pressed round image, so that I have a smaller number of blues in the sidebar.
Thanks for clarifying! Those two elements look like they’re already the same colour on my end:
The button does turn a little bit darker turquoise if you roll over it with your mouse – would you like to remove the rollover (hover) state and make it the same turquoise as the default state?
Or perhaps you’re seeing a different colour than I am, in which case would it be possible to upload a screenshot to help in troubleshooting?
Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/
You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library so I can see it. Thanks.
Um. Dunno what to say, Kathryn: on my computer there is the FP round icon that’s absolutely light sky blue, and the small rectanguler ‘follow MRS’ icon that is indeed turquoise.
Two completely different colors at this end.
:-|
Anyway, have put into my media files a screengrab called ‘4Kathryn’. I can only hope that you see the differences in the three blues!
Thanks, Margaret, I see the screenshot! In it, the Freshly Pressed badge definitely looks less turquoisey and more blue than it does on my end. This could be due to a number of factors, for example your monitor calibration, the age of your monitor, and the fact that you’re on a PC, which renders colours differently than Macs.
I also looked into the way the follow button is coded, and it’s not possible to change the background colour with CSS, since it uses a special non-CSS technique for the background colour:
<svg id="Layer_1" xml:space="preserve" enable-background="new 0 0 14 14" viewBox="0 0 14 14" height="14px" width="14px" y="0px" x="0px" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">The upshot is that I’m afraid I won’t able to give you that Christmas miracle you were after.
A few workarounds I can think of:
– move the placement of the Freshly Pressed and follow buttons so they’re further apart
– use the more customizable Follow Blog widget instead of a plain Follow button
Let me know if you have any other questions about this!
Oh well. I s’pose I’m just being pernickety. Had to try.
:-)
Thanks for your time, Kathryn!
The topic ‘WordPress follow image’ is closed to new replies.
Theme Support 