New to Yoko : help on colors

• 

  gfo14hdr · Member · Aug 7, 2014 at 9:05 pm

  • Copy link
  • Add topic to favorites

  Hello,
  Here are my questions. Which CSS code for :

  1. set the foreground color (in my case, is clearer) ?
  2. remove (or change the color of) the separation lines (main and widgets)
  3. set the background color of entry forms

  3. How is it possible to have a better looking “validate” button for email subscription (like the one in “search”)

  Many thanks, great theme :)

  The blog I need help with is: (visible only to logged in users)

• 

  sandymcfadden · Member · Aug 8, 2014 at 7:54 pm

  • Copy link

  Hi gfo14hdr,

  I think this code might do what you are looking for. For the foreground color, just change the color to what ever you’re looking for.

  /* email subscription button */
  #subscribe-blog input[type=submit] {
      background-color: #D4C9AD;
      color: #2D2524;
      border: medium none;
      cursor: pointer;
      display: inline-block;
      font-size: 11px;
      letter-spacing: 1px;
      margin: 0px;
      outline: medium none;
      padding: 8px 10px 7px;
      text-align: center;
      text-transform: uppercase;
      vertical-align: baseline;
  }
  
  /* foreground color */
  #page {
      background-color: #666;
  }
  
  /* remove separation lines */
  aside.widget,
  #content .post {
      border-bottom: none;
  }
  
  /* input background color */
  input[type=text] {
      background-color: #ccc;
  }

  Let me know if that does what you’re looking for.

• 

  gfo14hdr · Member · Aug 9, 2014 at 7:55 pm

  • Copy link

  Hello sandymcfadden, and many thanks !

  The button looks great now :)

  Separation works alright but … it’s finally cuter with them than without …

  Regarding “global” background and “foreground background”, if you know what I mean … it’s working just perfect.

  Many thanks for your great support and time !

• 

  gfo14hdr · Member · Aug 9, 2014 at 8:20 pm

  • Copy link

  By the way, how is it possible to also have the input text zone of the subscription looks like the one of the search ??

  Thanxx

• 

  sandymcfadden · Member · Aug 9, 2014 at 9:37 pm

  • Copy link

  Glad things are close to working.

  Here is some code that should instead change the color of the separation lines and change the input text field for the subscription form.

  /* adjust subscribe text input */
  #subscribe-field {
      margin: 0px 2px 5px 0px;
      width: 62%;
      border-color:  !important;
      background-color: #463F32;
      border: 1px solid #D4C9AD;
      padding: 6px 5px !important;
      width: 40%;
  }
  #subscribe-field:hover,
  #subscribe-field:focus,
  #subscribe-field:active {
      background-color: #FFF;
  }
  
  /* change separation line colors */
  aside.widget,
  #content .post {
      border-bottom-color: #fff;
  }

  Let me know if that does it for you.

• 

  gfbg14 · Member · Aug 15, 2014 at 2:54 pm

  • Copy link

  Thank you : works great :)

• 

  sandymcfadden · Member · Aug 15, 2014 at 4:20 pm

  • Copy link

  Excellent, glad to hear it!