-
Sidebar Sticky isn't working on the Custom Widget
Hi Everyone, I'm new to the platform. I'm building a Custom new widget. It's pretty simple concept. Right side will be sticky & left side will scrollable. CSS Styling & everything is showing properly but "Position: sticky" isn't working. No matter what I'm doing, the stickySidebar isn't sticky. (I've attached a image) Can…
-
How to Setup CSS Animations with @keyframes
I'd like to setup an infinite animation which is quite simple, using only CSS - which requires us to use @keyframes. I have added an HTML Widget to my page, and then tried to go into the widget's content editor to setup my CSS animation there. I can add the css attributes I need for the animation setup, and even the…
-
How to hide a DUDA section based on the internal content of a custom widget.
We developed a custom teacher slider widget that connects dynamically to a collection. And in this component we had a case where the entire section should not exist when there are no cards/teachers. This solution was easily found with CSS, using the ":has" selector, managing to hide only the flex section of DUDA that…
-
CSS Classes Available for Duda Responsive Framework
I am looking for the available classes that can be used in the Duda responsive framework. For example: <div class="dmRespCol column small-12 large-12 medium-12"> <div class="dmRespCol column small-8 large-8 medium-8"> </div> </div> I would like to center the "8 column" div in the "12 column" div.
-
How do we set the INITIAL size of a custom widget?
I've created a very simple custom widget that is made up essentially of 3 empty divs: <div class="parent"> <div class="child1"></div> <div class="child2"></div> </div> The divs won't ever have any content in them: the widget shows an animation that just uses the background images of the 3 divs — so they will always be…
-
How do I get MENU styles to always display correctly per device - DESKTOP VIEW
I have encountered numerous examples in which the styles I've used especially ones related to the nav menu can display awkwardly on smaller laptop screens if I'm working on the site using a larger monitor - So there have been cases where the desktop display drops some of the menu tabs down to a second line - I've then…
-
Clearing custom CSS.... Bug??
Hi All, I have been adding custom CSS to some standard widgets (Right click html/css from the dialogue box) but if I add the instruction, say.. width:100px; and hit update, the instruction works but I don't like it so I erase and hit update, most times, nothing will happen and I will then have to open the main HTML/CSS…
-
How to match same width and height to the form field boxes with the round corners?
I will like to make the width-height and round corners the same as the "Join Us" button. Any ideas on how I cand edit those? Thanks! 😀
-
Product Page layout
Hi! I changed the size of the image in my product page and also would like the text to be bigger and move further to the left to be next to the reduced image. The support agent from Duda suggested change the css but it is not working. Can someone helpme with this? Thanks in advance.
-
How do I override Duda's fixed height on a HTML block?
While embedding a third party for (HubSpot), I noticed that the HTML block has a fixed height (what ever you drag the height of the container to be). This causes issues on tablet where, when the form becomes squished, it pops out of the container. I need to set it to have "height: auto", but cant override the important tag…
-
Changing the scroll bar on your Duda Websites.
Changing the scroll bar on your Duda Websites. Aj Pfeil As an agency, one of our favorite things to do is think outside the box and figure out ways to make our small business client’s websites stand out. We believe in and love simplicity and never try to put too much on a website so that it does not become too overbearing,…
-
What widget do you wish Duda had?
I'm a developer looking for ideas to bring to life, comment your ideas and I might make it as a widget and share it with the community!