0
Welcome Guest! Login
0 items Join Now

SOLVED Ethereal Base Text Color and Joomla Login Form

Last Post
Search Topic
    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    SOLVED Ethereal Base Text Color and Joomla Login Form

    Posted 8 years 3 months ago
    • I'd like the Base Text Color in the Base Style of the Ethereal template to be White.

      Problem is that when I make the change, I cannot see the text I type into the Joomla default Login Form

      I'd appreciate any ideas on how to achieve this?
      Thanks
    #1332778
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Ethereal Base Text Color and Joomla Login Form

    Posted 8 years 3 months ago
    • Change it and then change the form text back to blank using custom CSS if that the only thing that's not visible.

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.


      Regards, Mark.

    • The following users have thanked you: Leo List

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1332806
    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Re: SOLVED Ethereal Base Text Color and Joomla Login Form

    Posted 8 years 3 months ago
    • Ok. Found the following code via Firebug and added to the custom scss

      textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], in
put[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type
="color"], .uneditable-input {
  background-color: #e6ffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-sizing: border-box !important;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
}

      That seems to work for both Login and Registration form

      Thanks
    #1332949

Time to create page: 0.075 seconds