Customize blog's Follow Button

  • Author
    Posts
  • #1501663

    donka61
    Member

    Using the widget titled “Follow Blog” I was able to put a follow button on the page. However, the only customization allowed is the text (which is all lowercase). Is there a way to change the text using CSS? I would like to make it ALL CAPITAL and slightly larger font size. If any one can please help me I would appreciate it.

    The blog I need help with is parishconnections.wordpress.com.

    #1501757

    Hi, add the following and adjust the font size as desired. I added a width of 95% to make the button as wide as the email input field above, which I think looks better.

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        font-size: 120%;
        text-transform: uppercase;
        width: 95%;
    }
    #1501765

    donka61
    Member

    that did not work :(

    It also made the search button in the header of the page larger. Are you able to tweak it, or add another line?

    #1501794

    Whoops, I should have scrolled up. :) The following targets the blog subscription widget.

    #subscribe-blog input[type="submit"] {
        font-size: 120%;
        text-transform: uppercase;
        width: 95%;
    }
    #1501796

    donka61
    Member

    once again, thanks!

    #1501799

    You are most welcome.

The topic ‘Customize blog's Follow Button’ is closed to new replies.