Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 26, 2018 at 7:33 am #1001810
    swotmarketing

    Hi, i am using the contact as light transparent now.

    But i would like under the column box (text input) to turn the background to be solid color when people try to type something, as the transparent column although looks awesome but when typing the text it’s difficult to see.

    Please advise how to achieve that.
    Link: http://137.59.110.65/~scala/

    Thanks

    August 26, 2018 at 7:16 pm #1001930
    Victoria

    Hey swotmarketing,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.flex_column.av_one_full.avia-builder-el-19 {
  background: #2b2525c2;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2018 at 2:55 am #1002096
    swotmarketing

    Hi Vitoria, thank for prompt support.

    Sorry, if i just would like the typing box to change the background color when people type in,

    Here: https://imgur.com/a/kYIUOAV

    Please advise again.

    August 27, 2018 at 7:01 am #1002146
    Rikard

    Hi,

    Thanks for the clarification. Please try this instead:

    .avia_ajax_form input::focus {
  background-color:red;
}

    Best regards,
    Rikard

    August 27, 2018 at 8:38 am #1002169
    swotmarketing

    Hi Rikard, thank you for update.
    Unfortunately it didn’t work :(

    August 27, 2018 at 12:20 pm #1002243
    Victoria

    Hi swotmarketing,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top div .av-light-form .input-text, 
#top div .av-light-form input[type='text'],
 #top div .av-light-form input[type='input'], 
 #top div .av-light-form input[type='password'], 
 #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], 
 #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], 
 #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button{
	background-color: #a73636eb;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 27, 2018 at 4:54 pm #1002372
    swotmarketing

    Hi Vitoria, thank for the replied. So sorry for not being cleared, actually i just want it to turn other color when people start typing and only for the particular column when people type, the rest still remain original.

    For example:

    View post on imgur.com

    Please let me know if this can be achieved.

    Thanks

    • This reply was modified 6 years, 2 months ago by swotmarketing.
    August 28, 2018 at 9:06 pm #1002821
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.