lead capture form color scheme

Discussion in 'Blackriders WordPress Theme' started by tracykperry, Jan 2, 2014.

Thread Status:
Not open for further replies.
  1. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    I am using the lead capture form on a number of pages. I like the color scheme on the form on the home page:
    http://therhythmstudio.com/

    But, when I use this widget in a sidebar, the color scheme changes:
    http://therhythmstudio.com/about/

    I'd like the sidebar lead form to have the same color scheme as the form on the home page.

    Thanks in advance for your help!
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    The lead capture form over the slider is theme in build form, but the lead capture form on the sidebar is the plugin,
    so it is not possible to do that.
    You can change the color of the lead capture form for the sidebar, manually through custom css code.
     
  3. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    Just to be clear, the lead capture form on this page http://therhythmstudio.com/about/ is a widget that came with the theme called "LeadsCapture Black Rider Widget." This widget, as it appears in the Widgets section of my theme is not editable. If I need to create code to change the color scheme of this, please let me know where? In Theme Options>Styling Options>Custom CSS?

    [I am using the FormGet plugin elsewhere, but I am not asking to change the color scheme of that.]

    Thanks!
    Tracy
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .sidebar #signinForm {
    background: #3ac2c2;
    }
    .sidebar .signinformbox_wrapper {
    background: #3ac2c2;
    }
    .sidebar #signinForm input[type="text"], .sidebar #signinForm input[type="email"], .sidebar #signinForm select {
    background: #3ac2c2;
    }
    .sidebar #signinForm input[type="text"], .sidebar #signinForm input[type="email"], .sidebar #signinForm select {
    border: 6px solid #5fcbcc;
    }
    .sidebar #signinForm input[type="submit"] {
    background: #9bbe5f;
    border-radius: 4px;
    }
    .sidebar #signinForm input[type="submit"]:hover {
    background: #81AA3B;
    border-radius: 4px;
    } 
    You can put your color or color code in place of above color code.
    This will solve your issue.
     
  5. tracykperry

    tracykperry Member

    Joined:
    Dec 30, 2013
    Messages:
    63
    Likes Received:
    1
    PERFECT! Thank you so much.

    Best,
    Tracy
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page