Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1243538
    nadigitaladm1n
    Participant

    Hi!

    my URL is http://www.nadigitaladmin.com

    when you go on my servicing page http://www.nadigitaladmin.com/servicing/ you’ll see I entered in an HTML table. The check marks are suppose to be white but it seems the default styling is being applied and they are being left grey. the check mark is supposed to look like this: ✔ (but white)

    secondly,

    On my booking page: http://www.nadigitaladmin.com/book-now/

    you will notice that the ‘service options’ drop down menu is not applying the same styling as the other elements. I made the form in contact 7, and added the CSS in the customizer. I would like for the background color to be #5d6c7c and the text to be white

    How can I go about fixing this issue?

    I really appreciate all your help.

    Thank you!

    #1243602
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    .page-id-143 .x-feature-box-graphic i {
       color:#fff !important;
    }
    
    .page-id-140 .wpcf7 select {
        background: #5d6c7c;
        color: #FFF;
    }
    
    

    Hope that helps

    #1244127
    nadigitaladm1n
    Participant

    Hi, thank you for your response.

    The booking form issue is now resolved

    However, when I added the css for the checkmarks, it changed the check mark icons in my feature list to white from yellow. The check marks I was referring to were the ones in the large table – the code didn’t do anything to them

    what can I do to get the checkmarks in the table to be white instead of grey

    thanks!

    #1244643
    Rue Nel
    Moderator

    Hello There,

    Thank you for the clarifications! After a closer look, the checkmarks is an svg image, https://s.w.org/images/core/emoji/2/svg/2714.svg. To change the color of an svg image, please follow this instructions from this link: http://stackoverflow.com/a/11978996

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1243538 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>