Dear Jorge Pelaez,
1. go to Manage Component Sobipro -> chosen Section -> Section Configuration -> Fields Manager
-
lh5.googleusercontent.com/-tqVok4BDjo0/Umc9j9nWSEI/AAAAAAAAADg/u9GI_nl0Dk0/s512/step1_sobi.png
-
lh4.googleusercontent.com/-8cloJrHff5w/Umc9pnzigeI/AAAAAAAAADs/HKDs5PxTBsg/s512/step2_sobi.png
2. Fields Manager -> find Services (field_sevices) and edit List Options bellow
-
lh6.googleusercontent.com/-b9DSi_5vIjA/UmjXGa0IPnI/AAAAAAAAAFk/d9AJYHBrG30/s512/edit_titleservice.jpg
3. Edit the icon for service:
lh4.googleusercontent.com/-RjAEfR1e9W8/UmjbJkzBVhI/AAAAAAAAAF0/bYkrL18UL58/s512/edit%252520icon%252520service.png
- go to change your_site\images\ico-sevices.png
- go to your_site/components/com_sobipro/usr/templates/sj_resorts/css/default.css and find:
div.sevices ul.field_sevices li:before {
background: url("..//images/ico-sevices.png") no-repeat scroll 20px 20px rgba(0, 0, 0, 0);
content: "";
display: inline-block;
height: 20px;
margin: 0 10px;
vertical-align: middle;
width: 20px;
}
div.sevices ul.field_sevices li.sevices_option_1:before {
background-position: 0 0;
}
div.sevices ul.field_sevices li.sevices_option_2:before {
background-position: -60px 0;
}
div.sevices ul.field_sevices li.sevices_option_3:before {
background-position: -20px 0;
}
div.sevices ul.field_sevices li.sevices_option_4:before {
background-position: -80px 0;
}
div.sevices ul.field_sevices li.sevices_option_5:before {
background-position: -40px 0;
}
div.sevices ul.field_sevices li.sevices_option_6:before {
background-position: -100px 0;
}
=> edit background for the code above.
Thanks!
