Return to Support

How do I move subscription button next to input field?

Home Forums Graphene WordPress theme Support How do I move subscription button next to input field?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10222
    Anonymous
    Member

    WordPress: 4.3.1

    Theme: Graphene 1.9.4.1

    I would like to know how I can move the subscibe button (not the others), which is currently located below the input field, to the right side of the input field similar to the search box.

    Image: http://i.imgur.com/rSq9p9E.png

    Site: http://www.jdtalks.com/

    Thanks in advance.

    #45645

    Add to custom CSS:

    input#subscribe-field-blog_subscription-2 {
    float: left;
    }

    #45646
    Anonymous
    Member

    Thanks, it worked.

    1. Do you know what css class defines the subscribe button? I want to put a margin-left: 3px; on it. Inspecting the element in Firefox doesn’t really help me.

    2. How to remove the red border that appears, when you click on the input field for the subscription and leave it empty?!

    3. The default text in the subscription input field is in a light grey color (#8d8d8d). Do you know how to do this for the search box input field (or for all input fields, while we’re at it)? Right now the default text in the search box is the same as the “typing color” (#2c2b2b).

    #45647
    Quote:
    Do you know what css class defines the subscribe button? I want to put a margin-left: 3px; on it. Inspecting the element in Firefox doesn’t really help me.

    There’s not a class on it, but you can modify the above code:

    input#subscribe-field-blog_subscription-2 {
    float: left;
    margin-left: 3px;
    }

    Quote:
    How to remove the red border that appears, when you click on the input field for the subscription and leave it empty?!

    Shows up as a blue border for me, so that may be controlled by your browser style sheet.

    Quote:
    The default text in the subscription input field is in a light grey color (#8d8d8d). Do you know how to do this for the search box input field (or for all input fields, while we’re at it)?

    Either

    input {
    color: #8d8d8d;
    }

    or, if that doesn’t work:

    input {
    color: #8d8d8d !important;
    }

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

You must be logged in to reply to this topic.