Align buttons in a row (Post)

Posted in: Newspaper
Post count: 32

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

Post count: 23312

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.

Post count: 32

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 ?.

Post count: 23312

Hello Prajwal Desai,

Please provide some useful screenshots to show me how do you add your buttons? Also, you can provide your website URL so I can take a closer look at it.

Thanks for the message!

Post count: 32

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/

Post count: 20688

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

Post count: 32

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.

Post count: 20688

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;
}

Post count: 32

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 ?.

Post count: 20688

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

Post count: 32

Thanks Simion, i will use the shortcodes plugin for now.

Viewing 11 posts - 1 through 11 (of 11 total)
The forum ‘Newspaper’ is closed to new topics and replies.