Unite Blog Customization

Unite Theme
1

How do I do the following:

  1. I was able to remove the heart icon but can I add in a custom image instead? If so how do I do this, as I would like to use my favicon.

  2. How do I change the search icon box from purple to #6d9dcd?

  3. How do I change the date, tag and comment icons to #6d9dcd?

http://candicemcfield.com/2016/

2

For #2 & 3 it’s a simple fix.

You can change element color via WordPress dashboard >> Appearance >> Theme Options >> Main >> Element color.

Does anyone know if #1 is possible?

3

Hi @cmcfield,

Thank you for your questions.

1) I was able to remove the heart icon but can I add in a custom image instead? If so how do I do this, as I would like to use my favicon.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS

hr.section-divider:after {
    background: url('http://candicemcfield.com/wp2/wp-content/uploads/2016/02/favicon.jpg') no-repeat;
    font-size: 0;
    width: 16px;
    height: 16px;
    top: -10px;
}

Best Regards,
Movin

4

Hi @Movin-

The code worked, thank you! Is the 16px by 16px the maximum size it can be? If not I would like to increase it to make the icon a little bigger and more clear.

Thanks!

5

You are most welcome here :slight_smile:

Is the 16px by 16px the maximum size it can be? If not I would like to increase it to make the icon a little bigger and more clear.

No it’s not maximum size and you can change it whatever you want.