How do I edit the services section?

I’m actually interested in editing all the sections, but the one that is most important to me is the “services” In the personalization it only lets me install some widget. Is there a way to just change the pictures and text? If not, what plugin would give me the clean 3 - 4 pictures + short texts under them effect?

nevermind me - I just figured it out. Awesome job, guys! Can I add my custom icons to the list somehow?


I’m very happy you figured it out!

Extensive custom work would be needed for custom icons.

You first need to host your icon, a library or pictures, and then change them for what you need.

Please provide more details, like website link and what you want to achieve and I’ll do my best to guide you around.


Right now I am just figuring out what I can do with it. I have, however, stumbled upon a bigger issue than icons.

I want to insert an instagram plugin that uses the whole width of the page, similar to how the projects demo images look like. However, all the sections seem to be split in 3 so when I link the instagram plugin, it only takes 1/3 of the layout width. Is there a section that lets you use a plugin across the whole resolution? Or is there an easy way to adjust one of the current sections so that it only displays one plugin and stretches it?

Hello @woland,

Most of the sections are on 3 columns layout, so you need to get the section ID, like #about and modify the .col-md-3 from 33% to 100%.

If you can let me see a live preview of your website or provide more information where you want to insert the instagram plugin I will provide you some custom CSS to deal with the width.

Best regards

Hello @ColorlibSupport,
Is there any chance to insert just a large image in the middle column of the “service” section and the text description under? Or maybe the same in the “about” section? The picture should be bigger as the normal team picture.

Thank you in advance!

Hello @rirock,

The way forward to achieve this is to add a text widget where you input the picture<img src="" width="100%" />

After you get your full width image, you need to force the default widget wrapper that goes for 33% of the space with some CSS overules:

width: 100%;
width: 100%;

I hope this gets you forward with the design and this will work like a charm.

Best regards