Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 28, 2015 at 12:27 am #403759
    Jasmer

    Hello, I’d like to do two things:

    1. Change the border and length of the email box but I need the identifier.

    {
  border: 1px dotted  #e1e1e1;
  width: 190px;
}

    2. Change the text properties of “Email Address” but again I need the identifier

    {
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 100!important;
}

    Thank you!

    March 2, 2015 at 5:13 am #404269
    Ismael

    Hey Jasmer!

    Thank you for using Enfold.

    Are you referring to the Subscribe to blog input field? Try this:

    input#subscribe-field {
border: 1px dotted #e1e1e1;
width: 190px !important;
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 100!important;
max-width: 190px !important;
box-sizing: border-box;
}

    Cheers!
    Ismael

    March 2, 2015 at 9:20 am #404350
    Jasmer

    Hi Ismael,

    That helped but the text is light now but the letters are too close together. I’d like the text to be EXACTLY the same as the search box above.

    Please see screenshot attached.

    Thank you!

    March 2, 2015 at 9:21 am #404351
    Jasmer
    This reply has been marked as private.
    March 3, 2015 at 7:40 am #404967
    Ismael

    Hey!

    Add the !important attribute after the css value. 

    input#subscribe-field {
border-radius: 2px!important;
width: 250px !important;
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 100!important;
max-width: 250px !important;
box-sizing: border-box;
font-weight: 100!important;
border: 1px dotted #e1e1e1 !important;
}

    Adjust the width and max-width if necessary.

    Best regards,
    Ismael

    March 3, 2015 at 7:52 am #404974
    Jasmer

    Got it! Thank you. Last problem:

    The border of the input field box BOLDs when I click inside it. How do I stop that?

    Thanks

    March 3, 2015 at 7:53 am #404975
    Jasmer
    This reply has been marked as private.
    March 4, 2015 at 5:45 am #405555
    Rikard

    Hi!

    Please try the following in your Quick CSS:

    #top input[type="email"]{
font-size: 11px !important;
}

    Best regards,
    Rikard

    March 4, 2015 at 11:56 am #405696
    Jasmer

    No not the font size. The border of the box goes bold when I click in side the box. I want to stop that.

    Thank you

    March 4, 2015 at 4:42 pm #405855
    Yigit

    Hi!

    Please add following code to Quick CSS 

    #top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
box-shadow: none!important; }

    Best regards,
    Yigit

    March 11, 2015 at 9:48 am #409727
    Jasmer

    Thanks guys!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Sidebar Subscribe Border and Placeholder Text’ is closed to new replies.