en en kn id en en en en en en kn en en en en ta en en en en ta en fr en en en en en en zh be it en en en en en en en et en en en en en en ca fr fr en en en ta en en en en la la en en la la en en en en en en en en en en en en en en ta la en en la en en en en ta la en ta la en en la en en en en en en sv en fr en en en hu fr en eu en en en en en es en es gl da es fi it fr es nl sk en th pt en es pt lv en en uk en en en en en en pt it en en en en gl en en en en ca en en es en en en da fr pt en es en pt en en en it sv en ru en en en en en en en es en en en en tr en en en en sw en fr it en en pt da en en en en en fr en en en en es en en en hu fr en en en en en en tr en en en en id en en en en en en en en en en en en en gl en en en en et en nl ca en en
e-mail : This email address is being protected from spambots. You need JavaScript enabled to view it.
We are opened every day except sundays : 9.00am to 6.00pm
It's a Custom HTML module with the position "top" and the code to display an image with any text below.
Note : I added the Module class suffix "image-text" in this module to increase the empty space on the top and bottom and remove the empty space on each side.
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. Duis aute irure dolor in reprehenderit.
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. Duis aute irure dolor in reprehenderit.
Image with text vertically
You can create a block with an image on the top and the text of your choice below. I added a nicely hover effect. It's easy and there's 148 colors available for the background.
You have 2 possibilities :
You can display the block in a module. To obtain that, you must create a new module with the type Custom HTML. Choose the module position of your choice and paste the HTML code inside. If you choose the module position "top", "bottom" or "footer", you must add the Module class suffix "image-text" in Advanced options of your module. It's important to add an empty space on each side.
You can display the block in an article. To obtain that, edit your article and paste the HTML code inside.
Important : the HTML code and the result are the same.
If the width of your screen is larger than 768 pixels (tablets and desktop) the image is on the top and the text below.
Under 768 pixels, the image and the text are inline.
Edit your module or your article and disable the wysiwyg editor. Then, paste the HTML code and change the text and the path of your image.
Note : you can paste several times the code if you want display several images. I recommend you to use the Multli-column feature to obtain several columns.
Example in an article :
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Your Title   Your text here     Read More
.... Same code for the second image here ....
Example 02 with a background color (steelblue and lightgoldenrodyellow) :
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Your Title   Your text here     Read More
.... Same code for the second image here ....
.... Same code for the third image here ....
148 colors available for the background. Add the name of your color in the code.
Enter your address and Copyright here