Customize the follow button

  • Author
    Posts
  • #150314

    bubblewriter89
    Member
    Original poster

    Hi there!
    I need a quick hint how to customize the follow button at the third widget area at the footer with css?
    And if u can please explain – in a nut shell – the differences among the widget areas at footer (first, second and third)
    In advance
    Thanks
    The Bubble Gum writer

    The blog I need help with is: thebubblegum.buzz

    #150322

    ricardpriet
    Theme Author

    Hello there,
    thank you for writing and using our theme.

    Yes of course, fist, second and third footer widget areas are basically the same. The title just defines the position (first column, second and third column).

    To customise the follow button, add this CSS code to your site:

    This will center the text:

    #colophon .widget_blog_subscription {
        text-align: center;
    }

    This define the styles of the input text (when non-registered users left the email):

    #colophon .widget_blog_subscription input[type="text"] {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        color: #000000;
    }

    And finally the follow button:

    #colophon .widget_blog_subscription button[type="submit"] {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        color: #000000;
    }

    Here you are more info about HTML color codes here:
    https://htmlcolorcodes.com/

    And this is for adding CSS to your site:
    https://en.support.wordpress.com/custom-design/editing-css/

    Hope this helps :)
    Ricardo P. from SiloCreativo

    #150324

    bubblewriter89
    Member
    Original poster

    Thank you very much! The css codesi tried didn’t work for. I have a go with your idea!

The topic ‘Customize the follow button’ is closed to new replies.