Hi Guys, i am using a smart list and i want to add 3 buttons in a row in one of my post. How can we align 3 buttons in a row ?.
Example – Button 1 Button 2 Button 3
-
This topic was modified 7 years by
Prajwal Desai.
Hello Desai,
You should create your own custom Single Template using the Cloud Library which allows you to use the TD Composer to add your desired elements. Please check here -> https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Thanks.
Hi Catalin, I am not using cloudlib plugin yet. I am still using visual composer. On my post I am trying to create buttons using the button shortcode. How can i align 3 buttons in a single row ?.
I could achieve this using shortcodes plugin but wanted to use your buttons and align them in a single row.
Here is the example – https://snag.gy/GTCJZB.jpg
Website URL – https://prajwaldesai.com/download-microsoft-system-center-ebooks-free/
-
This reply was modified 7 years by
Prajwal Desai.
Hi,
In the composer you can set all the buttons to inline, they will appear like this
– https://www.screencast.com/t/hNJUvvlmhUn
In the post content it could be done with some CSS probably. I see you already positioned some buttons as you wanted with a plugin. So you could use that since it works.
Thanks
Hi Simion, I am still not using tagdiv composer plugin. Moreover we cannot use composer plugin on posts right ?. I am using shortcodes plugin but I wanted to achieve it using your shortcodes.
The tagDiv composer can be used to build post templates, not actual posts however. There is no limit to how many templates you can build, so you can build a template for each post if you want. Or re-use templates for multiple posts
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Such buttons in the post content could be done with some CSS, this is somewhat of a quick example (not properly tested)
Initial buttons in post content – https://www.screencast.com/t/JTK0hwrBhtin
With a code – https://www.screencast.com/t/PnPl3V9T8J
Code used in example (it may or may not work properly, could be modified)
.td-post-content .td_btn {
float: left;
width: 30%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 26px;
text-align: center;
}
Thanks Simion. Now that I know to use cloud templates, i need to activate tagdiv composer first. My question is, can i activate tagdiv composer > copy the button shortcode from multipurpose element and disable the tagdiv composer and use it in posts ?. Will it work ?.
That will not work, the shortcode will be displayed as text if the tagDiv composer is not active.
Best you use that plugin, it seems to work great. Or with some CSS as above, that would work as well.
Or maybe directly in the post edit screen, I multiplied a button in the same line also aligned them center
– https://www.screencast.com/t/4WgNMgDI4
– https://www.screencast.com/t/E2Z29Lum
Thanks Simion, i will use the shortcodes plugin for now.