• Dear WordPress team,

    Please can you help me modify the color of the small icon in feature and service section please. the color of the icons are white in yellow boxes. I wan to change them to black or any other color in the yellow boxes.

    Additionally, please can someone advice if I can change these icons to something I like with simple custom css plugin?

    Really appreciate your help.
    https://www.bethebees.com

Viewing 15 replies - 1 through 15 (of 23 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      .service-box .service-icon {
          background: red;
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter soni123

    (@soni123)

    I tried to use this code in simple custom css plugin. will it work there?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sure, these plugins do the same job

    Thread Starter soni123

    (@soni123)

    I tried it but did not work. Please can you have a look why?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you sure the simple custom css plugin is active on your site? It’s not showing up

    Thread Starter soni123

    (@soni123)

    yes it is. I have 2 plugins downloaded simple custom plugin and custom css manager. Both are active

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you know of any caching on your site? Your website doesn’t show either plugin

    try this code in your CSS Code

    .search-submit, .wpcf7-form-control, .main-navigation ul ul, .content-boxes .circle, .feature .circle, .section-title-right::after, .boxtitle::after, .section-title::after, .content-btn, #comments .form-submit #submit, .post-tags a, .service-box .service-icon {
      background-color: red;
    }
    Thread Starter soni123

    (@soni123)

    Dear Rajan and Andrew,

    None of the codes worked. Please help.

    Thread Starter soni123

    (@soni123)

    I did use simple custom css yesterday to realign my logo to left. It did work. I dont know why this is not working. I would appreciate advice from expert like you.

    Just update this code

    .search-submit, .wpcf7-form-control, .main-navigation ul ul, .content-boxes .circle, .feature .circle, .section-title-right::after, .boxtitle::after, .section-title::after, .content-btn, #comments .form-submit #submit, .post-tags a, .service-box .service-icon {
      background-color: red !important;
    }

    I hope 100% its working

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In that case, it looks like this CSS is already in your Custom CSS plugin here:

    .search-submit,.wpcf7-form-control,.main-navigation ul ul, .content-boxes .circle, .feature .circle, .section-title-right:after, .boxtitle:after, .section-title:after, .content-btn, #comments .form-submit #submit, .post-tags a,
    .service-box .service-icon {
        background-color:#ffd700
    }

    So you’re already doing what you asked.

    Thread Starter soni123

    (@soni123)

    Not really. What I would like to do is. Change the icons in feature, and service and rest of the sections. The tiny boxes with images are very restrictive. I would like to upload some of my images. Which I am not able to do.

    Thread Starter soni123

    (@soni123)

    Dear Rajan,

    With your code the boxes converted to red. I dont want to change the colors of the boxes. I want to change the color of the icons in the boxes.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    So scrap that code and use the code I recommended above, in my first post.

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘help with change with icons’ is closed to new replies.