add read more buttons under services


I would like to add read more buttons underneath the topics in the section; ‘services’.
I managed to add these buttons. But in order to do so, I had to add them in another row beneath the existing row that shows the services topics. This results in a non-responsive website, because now, when the windowsize decreases, the buttons won’t line up under the topics but instead form a new row after the last topic.

Could you help me place the buttons directly underneath the topics?

You can take a look at the website here:

Thanks in advance,
Jaap Wansink

Hello Jaap,

I recommend you to remove the current dedicated services widgets and add a new text widget instead that can handle coding.

Before deleting the services widgets, you should Right Click > Inspect Element on the box and get the HTML code of it:

<div class="service" data-service-color="#44c8f5">
    <div class="service-icon" style="color: rgb(68, 200, 245);"><i class="fa fa-codepen"></i></div>
    <div class="service-title" style="color: rgb(68, 200, 245);">Loratec BV</div>
    <div class="service-entry">Loratec BV beschikt over uitgebreide kennis van sensortechnologieën en assemblagetechnieken, en combineert deze met nieuwe communicatietechnieken. <br/><br/>
        <a href="" title="Read more" class="post-button"><i class="fa fa-chevron-circle-right"></i> Read more</a>

Let me know if you got everything alright.


Hi Ion,

Thanks a lot! I managed to create the buttons I wanted.