Changing the Purple default Feature icon colour?

Shapely
1

Hi Guys,
I can’t for the life of me find where to change the colour of the Icons on the Home Page in the Feature segment. Purple? I was a fan of Prince, once.

Where do we go to change that as it also controls the Post titles. Doesn’t look the ideal.

Cheers,
mark.

2

Hi Mark,

I hope you are well today and thank you for your question.

I think you want to change the color of purple button which you can do as described in the following topic.

https://colorlibsupport.com/t/customize-buttons/#post-56775

Best Regards,
Movin

3

These are not buttons? My understanding of a Button is that it is a Hyperlinked feature? I am trying to change the simple Icon from the Font Awesome selection which by default is purple in colour. These Icons appear in the Feature segment of the Front Page Parallax section.

Cheers,
Mark,

4

Do you mean the icons as displayed in the attached screenshot?

If yes then you can change it by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.shapely_home_features .fa-film:before {
    content: "\f008";
}

.shapely_home_features .fa-camera:before {
    content: "\f030";
}

.shapely_home_features .fa-upload:before {
    content: "\f093";
}

And change the icon code in the above css code to font awesome icon code which you can find here http://fontawesome.io/icons/

5

I am sorry but you are confusing me. I have the Icons, that is what that code is for. Where is the code within that which you sent that indicates any option to change colours.

Please, this is just a very simple request.

Sincerely,
Mark.

6

I am sorry your following reply posted last confused me which said “I am trying to change the simple Icon from the Font Awesome selection” so i thought you wanted to change the icon.

I am trying to change the simple Icon from the Font Awesome selection which by default is purple in colour. These Icons appear in the Feature segment of the Front Page Parallax section.

You can change the color of these icons by using the below CSS code.

.shapely_home_features .fa-film:before,
.shapely_home_features .fa-camera:before,
.shapely_home_features .fa-upload:before {
   color: #C34B4B;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

7

Thanks Movin, that is what I am looking for.

Much appreciated,
Mark.

8

You are most welcome here :slight_smile:

9

Hello - I tried inserting this CSS code but unfortunately I did not work to change the color of the feature icons from purple (I tried different hex codes in the colour section, such as #000000, but no luck). Any trick to getting this to work that I should be aware of?

10

@modernapothecary To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.