OrdaSoft template Support

Hello everyone !

I'm trying to use the OS Blank template.
My issue is that my main color is the green. But I really like the icommoon icons used in the template.

I'm having a hard time trying to figure how it works.

If I look in the module 'Featured services' for exemple and toggle the code editor, I can find this :



I identified this part as the icon choice : <i class="fa fa-desktop">

Then I dug the icomoon.css file in the CSS folder of the template.
Here I can see a lots of items.

I replaced 'Destkop' by Wrench and was able to change the image.

In Style.css I changed

.section_featured_texts .icon_holder .icon_bgr {
margin: 0px auto 28px auto;
text-align: center;
width: 100px;
height: 100px;
border-radius: 100px;
border: 1px solid #02b32b;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
background-color: #11d43b;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(top, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.1));
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.section_featured_texts .icon_holder .icon_bgr:hover {
background-color: #fff;
}
.section_featured_texts .icon_holder .icon_bgr:hover .fa-3x {
color: #11d43b;
}

So now my icon and backgrounds are green for this part.


BUT

We have almost the same thing for the section 'Our service' but here I can't find how to have a green icon.
The code is




But I can't find the class 'icon_circle' in any CSS file.

Could help me ?
(I tried to add <div class="icon_bgr"> here but nothing happened.)

Thanks

Hello

Can you send link to your site ?

Regards
OrdaSoft team

suiconsulting.com/joomla_blank_v2/Quickstart/

As you it still mostly the original template, I just tried some light modification.

The 'Our services part is still blue'.

I also tried to find where the menu color is defined (Accueil is blue too).

Thanks

Hello

You need to file:
suiconsulting.com/joomla_blank_v2/Quicks...mplate/css/style.css

add code:



Please backup this file first

Regards
OrdaSoft team

Merci !
C'est parfait pour le menu accueil, par contre aucun changement pour les icônes du bloc :

<div class="box-services">
<div class="row_icons">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<div class="icon_circle" background-color:="" 11d43b=""><i class="fa fa-flag-o"></i></div>
</div>
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
<h4>Font Awesome icons !</h4>
<p>Lorem ipsum dolor sit amet, conse adipiscing elit adipiscing</p>
</div>
</div>
</div>

You need move code, which we sent, to end CSS file. Now you have conflict with another syles

Regards
OrdaSoft team