Follow blog widget button problems

  • Unknown's avatar

    Hi,

    The button from my follow blog widget exceeds the widget box when looked at on a tablet, since the screen dimensions are smaller. Could I put the text from that button on 2 lines, meaning that “THE LEADER” would fall under “Follow”? I think that might fix it. If doable, could you help me with the CSS code? I tried and can’t get it to work…

    Also, I noticed on the tablet that there is an extra button atop of that one that reads, “Enter your emai” (with no “l” at the end!). That button doesn’t exist on a computer view….. Why is this? When someone is following my blog, the text should read, “You are now following the leader magazine”.

    I uploaded 2 screenshots in my media library to help out.

    Thanks in advance for you help – I hope I’ve explained it properly!
    C.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, add the following to the bottom of your custom CSS.

    #subscribe-blog input[type="submit"] {
        max-width: 100%;
        white-space: normal;
    }

    You can add the non-breaking space code between The and Leader for the follow button text in the widget. When the line wrap takes place, The and Leader will stay together. This is the code, but take out the space between & and n
    & nbsp;

  • Unknown's avatar

    Hi!

    I don’t have a tablet with me but will check it tonight. I added the code to the CSS. But, for the widget text, when I add and save it with the “& nbsp” (no gaps), that code disappears…….is that normal?

    C.

  • Unknown's avatar

    Yes, that is common for it to disappear. I checked the text in the button by narrowing my browser window and it it is now breaking as you wanted for me.

  • Unknown's avatar

    ok, good to know! Merci!
    C.

  • Unknown's avatar
  • The topic ‘Follow blog widget button problems’ is closed to new replies.