search

giansi / gravstrap-theme

Gravstrap Theme helps you to start a new Grav CMS site with Bootstrap support and several ready to use modules. It is also perfect to start a new Bootstrap custom theme, to create your unique design.
MIT License
7 stars 12 forks source link

Images instead of icons in what_we_do #5

Closed mediaclinic closed 8 years ago

mediaclinic commented 8 years ago

Could it be possible to use images instead of icons in what_we_do.md, like this? image: icon1.png icon_type: image section: section1

giansi commented 8 years ago

Hi, in this version you must override the what_we_do.html.twig template in your own gravstrap derived theme. Thanks to your question, the upcoming version the module will natively support images. That version will use shortcodes, so you will do something like this to render the module:

[what-we-do id="what_we_do" attributes="class:what-we-do module" column_attributes="class:col-md-12" render=true]

## Explain your business
Use the `What we do module` to explain your customers the services you offer.
___

[what-we-do-item attributes="class:col-md-4"]

![Minion](img.jpg?cropZoom=150,150)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

[/what-we-do-item]
[what-we-do-item attributes="class:col-md-4"]

[icon icon="bolt fa-5x" icon_type="fontawesome" render=true][/icon]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

[/what-we-do-item]
[what-we-do-item attributes="class:col-md-4"]

[icon icon="heart fa-5x" icon_type="fontawesome" render=true][/icon]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

[/what-we-do-item]
[/what-we-do]