New buttons responsiveness issue

Support
#1

I checked out the new buttons and they look great, loads of options. There are a few things I would like to ask about them.

  1. I need a wider button on the desktops but I need to be responsive on mobile devices. I didnt test it with a mobile phone but when I resized the screen to simulate a mobile device the button remained big (lets say 700px width).

  2. I noticed there are animations for transitions when buttons are hovered if I got it right but I think the speed is too fast, is there any way to control it?

Thanks in advance.

#2

bump, still need help please

#3

Hello There,

Thanks for writing in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

1.) When using a button with a desire width, please do not set 700px width into it. Because you will have problems in smaller screens. For best results, please set the width as auto, set 100% as the minimum width and set 700px as the maximum width.

2.) To reduce or increase the transition, please make use of this code instead:

[data-x-particle],
.x-particle {
    transition-duration: 1s;
}

Hope this helps. Please let us know how it goes.

#4

Thank you, that fixed the resizing but the other issue remains. I have over 400 pages/posts, not all of them were made with cornerstone as I purchased it later. If I create the new buttons (cs_element id) and copy paste the shortcode into older pages it is not showing at all.

How do I fix this? I think this is a bug with the new update.

I also noticed you removed the cornerstone shorcodes button from inside posts and pages. Why?

#5

Hi there,

We didn’t remove them, would you mind providing a sample content? Maybe I can try that on my end.

Thanks!

#6

I will screenshot you my menu and you will see that its not showing for me. The more concerning part is the new buttons, you didnt write whats going on. Is this a bug that you will fix?

Thanks.

#7

Hi there,

Please kindly go to X > Cornerstone and enable the option below:

But the option is deprecated and will not be available for the new elements, You can only use it for classic ones.

Thank you.

#8

I think there is a huge misunderstanding.

I am talking about just the new elements, I have no problem with the classic elements yet. When a new button is created it gives this shortcode, [cs_element_button _id=“34”]. That shortcode only works on that page. If I copy paste it elsewhere it will not show. Now I have over 400 pages and in some of them I want to use the new elements. The classics I just copy pasted til now. So you are telling me you intentionally blocked it from working? I dont care about that generator, I just asked why you removed it, thats all. My main problem is with the new buttons.

#9

Hello There,

Thank you for the clarification.
Yes, that is how it works now and that is the difference between the classics and version 2 elements. With classic elements, it is rendered as defined by the styles of the stack you were using and in case you have custom CSS in can be factored in too. There’s a predefined settings and some options to customize. Now with new version 2 elements, each is uniquely save in the database based on the settings you have set on the Advance Control available on each element.

As stated on our changelog here under FAQS > What is next for Pro and its ecosystem of builders?, that functionality where you want to reuse the button will be next phase in the development. It will be included in the Apply Preset functionality wherein we can save grouping of values as a personalized preset, which can be reused over and over on a website, or exported to be shared with other websites.

Hope this helps.

#10

Ok but this goes beyond the buttons, same thing is with sections, rows and layouts, they are all restricted to one page. The problem people will have is that they will have to re-design the layout for each page individually and those that have over 600 pages are basically screwed.

So this goes beyond the button, this is almost everything cornerstone generates. My work is paralyzed thanks to these changes, you should have made the option to reuse the shortcodes right away and not waiting for the next update. When will this be available because I cant do any work with cornerstone.

#11

Hi there,

Unfortunately, the feature you are talking about is not available at the time being. So nothing I can do about that, but this is now in active development, we will have 1 or 2 more maintenance releases and the next major release will have the option.

At the time being as an alternative, I suggest that you use a plugin like the one below:

Try to create a page with all the necessary stuff you need, then duplicate that page and remove whatever you do not want and start the work from there.

I know this will not be the best solution, but I tried to give you alternative at the time being till we have the feature available.

Thank you for your patience and understanding.

#12

Thank you for your reply. I hope this update will be available soon. There is a workaround like you said but it is tedious so I am looking forward to these updates. I just wanted to add the theme update helped the CDN im using cache some of rev slider files. I didnt know the theme prevented it from getting cached so i hope future updates will not change this.

#13

You’re welcome.