Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • March 5, 2018 at 12:36 am #921250
    LindaK816

    Hi Support,

    I am trying to change my contact form so that the font color is white and I would like to add some padding to the right. I have checked the forums and made progress in other areas but not these two.

    Your help is greatly appreciated :)
    LindaK

    March 5, 2018 at 7:48 am #921325
    Rikard

    Hey LindaK,

    The font already looks light, did you manage to get that working already? If you want to add some padding then please try this in Quick CSS:

    .page-id-3249 .avia-builder-el-5 {
  padding-right:20px;
}

    Best regards,
    Rikard

    March 5, 2018 at 4:33 pm #921556
    LindaK816

    Thank you Rikard – perfect!!

    March 5, 2018 at 4:34 pm #921558
    LindaK816

    Ah but did you have something additional to help me with making the font color on the form white?

    Thanks again,
    LindaK

    March 5, 2018 at 4:41 pm #921562
    LindaK816

    Sorry I was too quick – I am just re-reading your reply. On my end the font on the form is still dark grey (and not white). There is white font on the page – but not on the form. I am attaching a screen shot for you because I am hoping you could also help me with the inconsistent padding on different browsers. The attached screen shot is from Firefox. It shows the bottom of the shaded area shorter on the left side than the right. The same page shows correctly in Chrome. Any thoughts?

    Thanks again for your quick replies!
    LindaK

    March 5, 2018 at 5:18 pm #921606
    Yigit

    Hi,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top.page-id-3249 label {
    color: white;
}

    2- It seems like you forgot to attach screenshots :) Could you please try posting them again?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    March 5, 2018 at 5:31 pm #921623
    LindaK816

    Thank you – that worked perfectly!! And I was wondering where to upload. Will do that now. Thanks again, Linda

    March 5, 2018 at 5:43 pm #921640
    Yigit

    Hey,

    We will keep the thread open and wait to hear from you :)

    Cheers!
    Yigit

    March 5, 2018 at 6:04 pm #921657
    LindaK816

    Hi Yigit – I used imgur.com. Please find the link below. Thank you and looking forward to your reply.

    LindaK

    March 5, 2018 at 6:11 pm #921664
    Yigit

    Hi,

    You have following custom CSS code

    .page-id-3249 .avia-builder-el-5 {
    padding-right: 20px;
}

    Please change it to

    .page-id-3249 .avia-builder-el-5 {
    padding-right: 60px;
}

    Best regards,
    Yigit

    March 5, 2018 at 6:54 pm #921687
    LindaK816

    Thank you for your prompt reply! So I am referring to the bottom of the form. Do you see that the bottom left is shorter than the right side (where the shaded black area is)?

    March 5, 2018 at 7:28 pm #921716
    Yigit

    Hi,

    Could you please create a temporary admin login and post it here privately so we can look into it?

    Best regards,
    Yigit

    March 5, 2018 at 7:49 pm #921735
    Jordan Shannon

    Hi,

    I think I see the issue. Please try adding the following to quick css:

    
#top .av-custom-form-color .button:hover{
margin-bottom:2px!important;
}

@media only screen and (max-width: 912px) and (min-width: 897px)  {
p.form_element{
padding-bottom:7.5px!important;
}}

@media only screen and (max-width: 896px) and (min-width: 767px)  {
p.form_element{
padding-bottom:13px!important;
}}

    Best regards,
    Jordan Shannon

    March 7, 2018 at 5:56 pm #923161
    LindaK816

    Hi Jordan and Yigit,

    So sorry for the delay! We lost power. OK I tried that but it did not work – it could be because I have added spacers below each column? I have provided temp adm access below.

    Thank you so much!
    LindaK

    March 7, 2018 at 6:37 pm #923189
    Jordan Shannon

    Hi,

    Did you try adding the code I gave you to the very top of quick css? If you have any broken custom css it may be breaking what I added.

    Best regards,
    Jordan Shannon

    March 7, 2018 at 6:47 pm #923197
    Yigit

    Hi,

    I edited your page and then edited your column element on the left and chose to display equal height. Please review your website :)

    Best regards,
    Yigit

    March 7, 2018 at 7:03 pm #923223
    LindaK816

    You’re the best! Thank you – perfect : )

    March 7, 2018 at 7:06 pm #923226
    Jordan Shannon

    Hi,

    I’m glad you were able to find a solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Contact Form Change font color and add padding to the right’ is closed to new replies.