Hi,
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: http://oost-best.nl
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>
<!--/.service-icon-->
<div class="service-title" style="color: rgb(68, 200, 245);">Loratec BV</div>
<!--/.service-title-->
<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="http://oost-best.nl/loratecbv" title="Read more" class="post-button"><i class="fa fa-chevron-circle-right"></i> Read more</a>
</div>
<!--/.service-entry-->
</div>
Let me know if you got everything alright.
Regards
Hi Ion,
Thanks a lot! I managed to create the buttons I wanted.
Regards