Help a noob out

General
1

I have a history with CSS and HTML, but Cwicly’s interface is really confusing. I can’t for the life of me even figure out how to style buttons on a global scale. How do I edit buttons so they match?

I tried watching the beginner guides but the interface is completely different now, and I can’t find any basic “How to get started” videos that doesn’t assume prior Cwicly knowledge. Is there any video out there or information I can use? Because I’m really overwhelmed right now.

2

I’m pretty new to Cwicly as well, but I think what you’re looking for is global classes and/or global styles.

Check out this link for the documentation on global styles.

I believe that doc is a bit outdated, and the interface has changed. But if you click these buttons in the numbered order, you should find what you’re looking for. I haven’t used it yet, so I’m not so sure how, but maybe you can play with it and figure it out or someone more knowledgeable can chime in.

Capture
Capture982×1204 30.6 KB

3

Hi @kiikiikii,

Sorry to hear you have experienced trouble with this.
We apologise for the inconvenience our documentation may have caused you.

There are two ways in which you can style buttons globally, depending on your use case (whether you intend to globally style button blocks or button tags):

  • Global class > you can create a “cc-btn” global class, which will target all button blocks

global-button

  • Global button element > as @ChickenHacker pointed out, you can add a global button style, which will target all button tags.

Please note that we will soon be adding the possibility to globally style button blocks from the Global styles > Blocks tab.

Once you have done so, kindly let me know if you have any other questions.

1 Like
4

Thank you both @ChickenHacker @Araminta it literally took me half an hour and repeatedly reading / watching the video clip to understand what was going on. I finally was able to style buttons. How frustrating.

I understand how powerful Cwicly is, but wow the test in patience! Please upload refreshed / new videos for the updated UI, and update the documentation. Some of those pages haven’t been touched in a long time, they have errors and spelling mistakes etc. This stuff is crucial for people to get to grips with your software.

5

Welcome @kiikiikii. Yes, Cwicly is an advanced tool for Gutenberg that has a modest learning curve. Many of us have experience with not only the basic CSS/SCSS & HTML but PHP, and JavaScript. If you stick with it you will be handsomely rewarded. The best way to learn is by building. Once you are familiar with the UI and advanced CSS the older how-to videos will be much more helpful. I know it can be frustrating at first but trust me it is indeed worth it. But you wont master it overnight. It will take time :nerd_face:
Keep at it, and if you have any bits you can’t figure out, just post it in here and we can surely help you :grinning: