Hello !
That is more likely to be achievable using HTML code. You can write the code manually and use the column text element in order to render shortcodes or use HTML codes. Simply copy the shortcode and insert it in the text area of the column text as you can see here: https://www.screencast.com/t/UEMEsVKog
Column text is an element from tagDiv Composer.
Thank you !
just keep adding button until you get exactly what you want.
this is how it look. You can choose different style to for buttons to make them look like this.
https://imgur.com/LFqEA9u
Thanks guys!
@Gagan Josan, you’re right, by simply adding more and more button, they appear next to each other 🙂 What is the trick to center them? I didn’t find just yet.
I really appreciate your help.
Hi,
In order to center the buttons, you need to select the rows that contain these buttons, check the css tab and set margin left and right auto and display center -> https://i.imgur.com/CvbLKMi.png
Hope this will help you!
Thank you!
Awesome thank you Calin!
LAST question on this topic :
What am I missing to get my buttons with perfect circle shapes?
The bottom pagination is mine, I can’t get the buttons to be like circle, even though I increase a lot the Border radius. It must be something easy but I didn’t find the answer yet.
PS : How know how to change the color of my buttons, but how can I add a border color get a fine and circle shape around my button, like yours?
Thanks in advance for your huge help!
Alright, it is getting there, I almost finish my pagination :
I choose Button style 6 : Bordered with Shadows to get my border + a background color
My 2 last questions now are :
1 – What am I missing to get my buttons with perfect circle shapes?
The bottom pagination is mine, I can’t get the buttons to be like circle, even though I increase a lot the Border radius. It must be something easy but I didn’t find the answer yet.
2- How can I make some buttons “non-clickable” like “1” and “…” ? (like your pagination)
Thanks heaps!
Hi,
1 – What am I missing to get my buttons with perfect circle shapes?
For this you need to increase the border radius -> https://i.imgur.com/wZBmmRx.png
2- How can I make some buttons “non-clickable” like “1” and “…” ? (like your pagination)
If you want to have both round and normal pagination, you can be done only with custom css -> https://forum.tagdiv.com/search/css/ if you want I can try to help you, just provide some more details about what you want to achieve.
Thank you!
Hi Calin,
1- I tried that already but it seems like there is a limit.
The border radius doesn’t change anything above 20.
Is it a bug of the Button element?
2- I don’t want the normal pagination from post loop anymore. I just keep it for now as a reference to show you what I want to achieve.
To give you more detail : How can I make a simple Button element non-clickable?
Then I will apply it any button of my choice.
Thank you Calin.
Hi,
1. Please try to set it like this -> https://i.imgur.com/OTMgEE5.png
2. Our buttons from pagination are all clickable -> https://i.imgur.com/DeoEhHO.png
Thank you!
Hi Calin,
1 – Your solution 1 unfortunately doesn’t work I tried 100% , 1000% I can’t get a regular circle. I’m sure someone in your team knows how to make a button looking like a circle. Unless it is a bug?
2- Yep, I know they are all clickable but how can I make a button, non-clickable?
If your post loop pagination has been made with tagdiv composer, it should definitely be possible to re do the same thing outside of the post loop, right?
Thank you!
Hi,
1. We just tried this option on multiples installs and for us this option is working -> https://i.imgur.com/TiJYfZF.png therfore the problem is not from the theme and is not a bug, make sure that you do not gave a plugin conflict, or if you want we I take a look and provide a custom css, but for this I need a link.
2. You need to add a class to these buttons and set this parameter/css
pointer-events: none;
for example -> https://i.imgur.com/tyEJVUj.png -> https://i.imgur.com/QUAh16J.jpg
The pagination is a method from posts loop element that is in tagDiv Composer, so the pagination is inside of the element from tagDiv composer and is not stand alone element
Thank you for your understanding!
Hi Calin,
1- If you look at your screenshot, the button it not a perfect circle, it is stretched on the horizontal axis.
A perfect circle looks like this :
https://www.e-perle.com/25536-large_default/cercle-en-metal-1mm-x-1mm-x-50mm-noir-x1.jpg
An oval looks like this :
http://www.bdi-production.com/2407-thickbox_default/plaque-numero-ovale.jpg
On your screenshot with a Border radius set to 100% you get an oval, not a circle.
That’s why I think there is something that doesn’t work on your side as well.
I just need a button that looks like a real circle.
I hope you could help me, that’s my last question on his topic.
2- This is exactly what I needed, thank you!!
Thanks in advance.
Hi,
Sorry for my perfection example! the 100% radius was set only to show you that is working, please check this one -> https://i.imgur.com/JgKs7BM.png all you need to to is to play around with the settings and if there is something that you can not achieve just let me know the settings you’ve made and I will guide you!
Thank you!
Fantastic Calin! That was a tricky one. Thanks for your help.
I have now my buttons with a circle shape.
Can I abuse your kindness and asking you how to make my button a bit smaller now?
The top buttons are from your pagination (my reference)
The bottom buttons are mine (a bit too big)
(My settings are the same as yours : https://i.imgur.com/JgKs7BM.png)
Thank you very much!!
Hi,
You can achieve this my setting a font size and weight on the text -> https://i.imgur.com/OQ7kS0a.png -> https://i.imgur.com/UpDPxxO.png
Hope this will help you!
Thank you!
FANTASTIC ! Thank you so much for your patience and your understanding.
You definetely have a great support. I don’t regret my choice of having bought your theme.
We can officially close this ticket:)
