add other field types to contact form / edit font

• 

  rajnikur · Member · Aug 11, 2017 at 2:40 am

  • Copy link

  Thanks @thesacredpath. That doesn’t seem to have made a difference, but I notice that the hover color is not working on desktop either for the “older posts” button, even the original code works for hover on tablet, but not on phone or desktop.

  It’s ok, I can live with it the way it is if there’s not an easy fix.

• 

  thesacredpath · Member · Aug 11, 2017 at 3:03 am

  • Copy link

  Hmmm, on my iPhone, the color of the older posts button is consistent and does not have the darker color left and right, and when I tap the button, I see no shift in color, it stays the same blue we set.

  Did you want a hover color for the older posts button, or the other buttons we restyled?

• 

  rajnikur · Member · Aug 11, 2017 at 3:20 am

  • Copy link

  Yes, the older posts button color is consistent (#001167), but I did want the hover color to be darker (#010051) – all of the other button do have the darker hover color already. I had this code previously, which is giving the hover color. However, it’s not working on the older posts button.

  .button:hover,
  .button:focus,
  .button:active {
  background: #010051;
  color: #fff;
  }

  Thanks @thesacredpath!

• 

  thesacredpath · Member · Aug 11, 2017 at 4:10 am

  • Copy link

  Ok, let’s add this at the very bottom of your custom CSS.

  #infinite-handle span button:hover {
    background-color: #010051;
  }

  And then in this string of CSS selectors
  .contact-submit .pushbutton-wide,#infinite-handle span button,#infinite-handle span button:hover,#infinite-handle span button:focus,#blog_subscription-30 input[type="submit"]
  take this out of that string (including the trailing comma).
  #infinite-handle span button:hover,

• 

  rajnikur · Member · Aug 11, 2017 at 2:26 pm

  • Copy link

  Thanks @thesacredpath. Adding the first part fixed the hover on desktop view, but taking out the second part made the screen jump on desktop and the older posts button very narrow on both desktop and mobile, so I removed that.

  It’s ok as is now – the hover works on mobile, but for the middle rectangle inside the older posts button doesn’t change to the hover color when pressed – it depends on where you tap, if you tap on the right side of the button, the hover works for the whole button, but if you tap in the middle on the writing, you see the outline of the smaller rectangle within.

  Again, if it’s too difficult to adjust, I can live with it – not sure anyone but me would notice it anyway!

  Thanks so much!!

• 

  thesacredpath · Member · Aug 12, 2017 at 8:41 pm

  • Copy link

  Ugh, this is a challenge give both the span the button is in, and the button itself have a background color set. Add this below your last CSS rule and I believe it takes care of the issue on the Older Posts button.

  #infinite-handle span button {
    width: 100%;
  }

• 

  rajnikur · Member · Aug 12, 2017 at 10:10 pm

  • Copy link

  Yay!!! That did it!! Thanks so much for not giving up, so much appreciated @thesacredpath! :-)

• 

  thesacredpath · Member · Aug 12, 2017 at 10:26 pm

  • Copy link

  Hooray and you are welcome! And by the way, I never give up. :)

• 

  rajnikur · Member · Aug 12, 2017 at 10:28 pm

  • Copy link

  Good to know, I have a couple more things I need help with! 😄Thanks again.