Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • August 7, 2014 at 3:50 pm #301161
    cmcsoxford

    Hi,

    I am trying to edit the CSS of the subscribe box in the footer which is part of the MailChimp Plugin and says to use the class .mc4wp-form and any child elements after it. I can’t seem to get it to work with any of the changes i want to make. Do i need to put something before it like #footer?

    Thanks,

    A

    August 7, 2014 at 4:12 pm #301166
    Yigit

    Hey A!

    Yes, you should use the code as following if you would like to only target the selector in footer 

    #footer .mc4wp-form { opacity: 1; }

    Best regards,
    Yigit

    August 7, 2014 at 5:44 pm #301230
    cmcsoxford

    Hi Yigit,

    Thanks for the reply. I still can’t get anything to change with that code even with the !important tag…

    Don’t know why.

    Thanks,

    A

    August 7, 2014 at 6:40 pm #301258
    Yigit

    Hey!

    What exactly would you like to change? We can provide you custom CSS code if you are not going to make heavy customisation

    Regards,
    Yigit

    August 7, 2014 at 7:39 pm #301285
    cmcsoxford

    Hi,

    I would like the form in the footer to have rounded edges and for the button to be this colour (#fec10d) with rounded edges too. Also, the font in the box and on the button is not the same p tag as elsewhere so I would want that to be the same too. Lastly, i would like to reduce the amount of space that is left below the button which is all empty.

    Thanks for your help,

    A

    August 7, 2014 at 7:46 pm #301289
    Yigit

    Hi!

    Please add following code to Quick CSS

    #footer #mc4wp-form-1 input[type="submit"] {
background-color: #fec10d;
border-radius: 5px;
color: white;
}
#footer input#mc4wp_email {
border-radius: 5px;
color: black;
}
#footer .widget {
margin: 0;
}

    Best regards,
    Yigit

    August 12, 2014 at 11:44 am #303121
    cmcsoxford

    Hi Yigit,

    Thanks for the code. I have added it but it still only half works. The email box has responded to the radius code and the margin is reduced, but everything else remains the same. This is odd!

    Thanks for the support,

    A

    August 13, 2014 at 4:45 am #303608
    Devin

    Hey!

    You may need to add !important to the end of your css values so that they force override the css on the elements.

    Regards,
    Devin

    August 13, 2014 at 11:04 am #303712
    cmcsoxford

    Hi Devin,

    Thanks for the suggestion. Unfortunately, still no change.

    A

    August 13, 2014 at 11:15 am #303715
    Yigit

    Hey A!

    Please add following code to Quick CSS

    #footer .mc4wp-form input[type=submit] {
background-color: #fec10d;
color: white!important;
border-radius: 5px;
}

    Best regards,
    Yigit

    August 13, 2014 at 11:34 am #303730
    cmcsoxford

    Hi Yigit,

    Sorry, it still isn’t working.

    Thanks,

    A

    August 13, 2014 at 11:47 am #303747
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    August 13, 2014 at 11:53 am #303752
    cmcsoxford
    This reply has been marked as private.
    August 13, 2014 at 12:06 pm #303756
    Yigit

    Hi A!

    There are some punctional errors in your CSS code. I have corrected them but it messed up the look of your page so i reverted and placed the code to top of Quick CSS field. It works fine. Correct code should be like this – http://pastebin.com/W99TWtkz
    You should comment on your CSS code as following
    /* This is comment */

    Regards,
    Yigit

    August 13, 2014 at 1:02 pm #303791
    cmcsoxford

    Hi Yigit,

    Thanks for pointing that out.

    I have tried to tidy things up a bit, but now the hover function over the custom class ‘section-box’ doesn’t work. Could you help me get that function back please. The dark gray box at the end of each section with the small triangle cut out should highlight on hover.

    Thanks,

    A

    August 13, 2014 at 1:37 pm #303802
    cmcsoxford

    I have got it to part highlight but for some reason the whole text box isn’t highlighting on hover…

    Thanks,

    A

    August 13, 2014 at 1:54 pm #303809
    Yigit

    Hey A

    Please add following code to Quick CSS as well

    .avia_textblock.section-box:hover div#a {
background-color: #fec10d;
}

    Regards,
    Yigit

    August 13, 2014 at 3:34 pm #303884
    cmcsoxford

    Thanks Yigit! Your help has been fantastic.

    Last one.. How about getting the subscribe button to highlight #fec10d on hover?

    Thanks,

    A

    August 13, 2014 at 4:41 pm #303920
    Yigit

    Hey A!

    You are welcome :)
    Please add following code to Quick CSS as well

    .mc4wp-form input[type=submit]:hover {
background-color: #fec10d;
}

    Regards,
    Yigit

    August 13, 2014 at 4:57 pm #303929
    cmcsoxford

    Thanks!

    All sorted, I have a different question, but will start a new thread.

    A

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘CSS ID’ is closed to new replies.