Ok, thank you. I've edited awe-service-tpl.php and awecontent-service-item.js. Could you tell me which css file(s) do I need to edit to create a service-5?

Also, how can I add additional fontello icons to be used in the services section?

Thanks. I've edited awe-service-tpl.php and awecontent-service-item.js. The Service-5 option shows up in the services section dropdown, but only a thin line appears. There's very little in the module's included CSS file, awecontent-service-item.css. Should I be looking in a different css file?

Hi,

Sorry, I didn't understand "add code in file CSS of shortcode to override default CSS of theme."

Which CSS file are you referring to?

So I will need to see the CSS for the other service styles in order to modify them. Where are the styles (which CSS file) for the services?

Let's try this another way:

I have added the following code to /sites/all/modules/custom/shortcodes/awe_service_object/awe-service.tpl.php:

<div class="style-5 media box box-media box-icon box-icon2 <?php if($settings['style'] != "style-5") print "hidden"; ?>">
      <div class="pull-left box-image">
        <span><i class="<?php print $settings['icon']; ?>"></i></span>
      </div>
      <div class="media-body">
        <div class="box-name pt-0">
          <a href="<?php print $settings['buttonUrl'] ?>" target="<?php print $settings['buttonTarget'] ?>"><h4 class="<?php print $settings['textTransform'] ?> title"><?php print $service['title']['value']; ?></h4></a>
        </div>
        <p><?php print $service['description']['value']; ?></p>
      </div>
    </div>

I have also added code to /sites/all/modules/custom/shortcodes/awe_service_object/awecontent-service-item.js similar to for Style-4, but now for Style-5:

<div class="service-item s-5 media box box-media box-icon box-icon2 <% if (style!="style-5") { %> hidden <% } %>">\
 <div class="pull-left box-image">\
   <span><i class="<%= classIcon %> service-icon"></i></span>\
 </div>\
 <div class="media-body">\
   <div class="box-name pt-0">\
 <a href="#"><h4 class="<%= textTransform %> title" data-style="<%= textTransform %>" data-object="title"><%= title %></h4></a>\
   </div>\
   <p data-object="desc"><%= description %></p>\
 </div>\

...and

if (value == "style-5") {
$service.find('.service-item').addClass('hidden');
$service.find('.s-5').removeClass('hidden');
}

...and

'style': {
"type": "select",
"title": "Service Style",
"options": {
"style-1": "Style 1",
"style-2": "Style 2",
"style-3": "Style 3",
"style-4": "Style 4",
"style-5": "Style 5"
},
"default_value": "style-1"

Where do I add the CSS to? I see no references to .style-1, .style-2, .style-3, or .style-4 in sites/all/themes/md_structure/css/front/main.css

I just want to create a Style 5 that is laid out like Style 4, but has a large icon like in Style 1.  

Maybe you could suggest how this can be done? 

Do you understand what I'm trying to do? I'm trying to make a Style-5. If you go to the page in question and pull down the Style 5 from the Service style drowdown in the AweContent editor, you'll see that the Style 5 that I added code for doesn't work.

Can you be more specific? "Enable that service style 5" tells me absolutely nothing.

To be honest, it's very difficult to understand you. Please refresh the page. I added the login info above.

thanks.

I made the change, and cleared the cache. Didn't work, unfortunately

I give ratings based on what I feel a product and its support deserves, and I'm pretty sure this is how ThemeForest wants it to stay. My rating will stay as it is until I feel otherwise.

thanks.

The correct styling is:

.service-item .box-media .pull-left {
      background: none;
}

.service-item .box-media .pull-left .icon.fontello {
     color: #FFB500;
     font-size: 60px;
}

The icons are styled with background color, not images, for your future reference.

Thanks.