WordPress follow image

Home Forums Automattic Newsy WordPress follow image

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #109594 Resolve

    M-R

    I can’t change its color as it’s a closed-off … ahh … thinggy.
    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. :-)

    The blog I need help with is margaretrosestringer.com
    #144702

    Kathryn P.
    Happiness Engineer

    Hi there, your holiday wish is my command! ;-)

    Is this Follow button the one you’re trying to change the colour of?

    MARGARET ROSE STRINGER

    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!

    #144710

    M-R

    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.

    #144714

    Kathryn P.
    Happiness Engineer

    Thanks for clarifying! Those two elements look like they’re already the same colour on my end:

    MARGARET ROSE STRINGER 1

    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.

    #144717

    M-R

    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!

    #144721

    Kathryn P.
    Happiness Engineer

    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!

    #144722

    M-R

    Oh well. I s’pose I’m just being pernickety. Had to try.

    :-)

    Thanks for your time, Kathryn!

    #144723

    Kathryn P.
    Happiness Engineer

    My pleasure.

    I’m going to close this thread now but feel free to start a new one if you need anything else.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘WordPress follow image’ is closed to new replies.