Hello,
Could you help with the following issue.
1. Any way to display two column icon in mobile view?
2. Any way to use custom icon?
3. When using image with title element, is there any way to set up the block/image and title height to specific pixel size?
Thanks
Hi,
1. You mean two icon elements side by side? Then you could split the row in half, set a width of 50% for each column on mobile, also make them display inline
– https://www.screencast.com/t/MaNEpkxVi
– https://www.screencast.com/t/VrFpamJ9r
– https://www.screencast.com/t/nIaOtWs64zQp
That will make them side by side.
2. At the moment this is not possible, you can only use the predefined icons. This may be available in the future.
3. So something like an overall height setting for that element, a setting like that doesn’t exist. What exactly would you like to do with this element? Maybe there is another way. Let me know.
Thanks
Hi Simion, thanks, the icon column works well for the mobile site. However, it seems the vertical alignment on icon & title row is set to bottom in mobile site (https://evolution.keselamatankeluarga.com/tips-keselamatan/). Can you advise if I can align the icon to top alignment?
2. Well noted
3. I am thinking to build a layout similar to this website (http://www.safekids.co.uk/PetsToysPlayCategory.html). Can you advise the best way to make the image + Title + Description link?
Thanks
Hi,
1. You could set the columns to inline table in the composer, instead of inline block
– https://www.screencast.com/t/B0ZTv4TB
Seems to work alright as far as i can see.
3. You could use the menu product element, looks similar to that example
– https://www.screencast.com/t/XQMLMjgJX9j
You could even make them look the similar in design
– https://www.screencast.com/t/KAw8rVYOaE
Thanks
Thanks, the inline table works very well.
How to add link on the menu product element?
thanks
Hi,
For the title and description if you want to set a link, you would have to define it in the actual title and description fields with HTML. For example
– https://www.screencast.com/t/pioYcqKap70O
Hello,
It seems to work. However, the other menu items in the page became a link when I tried to erase the link on the Description part? (https://evolution.keselamatankeluarga.com/home/tips-keselamatan/bencana/). Can you advise how to fix this?
Another nested question 🙂 As the description text’s font color become the theme’s color for Link element, is there any way to keep this linked description’s text color to a standard text/paragraph theme color?
Also I what’s the best way to have the image also contain link to a webpage?
Thanks
Hi,
Please double check check the HTML you are using, maybe one of the link tags are not closed, there will be problems if the HTML is not valid.
There is a link not closed here – http://prntscr.com/ma1vd7 it will include all the following content in the page after it if not closed.
For the color you could use some CSS – http://prntscr.com/ma1x1l to color them all at once
.tdm_block_food_menu a {
color: red;
}
For the image to have a link there would be no solution. What exactly do you want to display by this manner? Maybe there are other ways you could try. Let me know.
Thanks
Spot on.. I’ve noticed I missed some html character.
I wanted to make the same menu concept with this website http://www.safekids.co.uk/PetsToysPlayCategory.html where the link consist of image+title+short excerpt.
Your proposed step works well in providing link on the title and exceprt.. but user wouldn’t be able to click the link through the image.
Where are the links leading to? if you plan to link them to posts, you could use blocks.
For example these cloud library blocks created with flex blocks
– https://affiliate.tagdiv.com/#/single/page/Blocks/473
– https://affiliate.tagdiv.com/#/single/page/Blocks/492
– https://affiliate.tagdiv.com/#/single/page/Blocks/472
– https://affiliate.tagdiv.com/#/single/page/Blocks/457
There are many others – https://affiliate.tagdiv.com/#/load/Blocks
Each can be imported with the cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
