Cubender Help Center

Search our knowledgebase for your questions about Cubender.

Help Topics Widget Style

Widget Style

The first item on the widget menu is 'Style'. Selecting this option will open a Style menu on the right-hand side of your screen if it is not already open. This menu is where you are able to customize the design of the selected widget including Color & Appearance, Effects, Position & Size, Links, and Options for each. You can also open / close the Style menu by clicking the 'Open Style Menu' icon located on the right hand side of the page toolbar at the bottom of your screen.
    • Color & Appearance: The first tab on the Style menu allows you to customize a variety of options such as color, font type, font size, borders, padding and more, depending on the widget selected. In addition, some widgets also have the ability to be styled in 3 states - Normal (how the widget normally appears on the page), Rollover (how the widget appears when a visitor hovers over it), and Selected (how the widget appears when a visitor clicks it - as you would see on a Menu button, for example).
      Effects: The second tab of the Style menu allows you to customize effects such as Shadow and Glow for the widget.
      Position & Size: The third tab on the Style menu allows you to edit the dimensions, positioning, and centering for each widget. Items that use Absolute Positioning will scroll along with your page whereas Fixed Positioning will lock the item into place on the screen.
      Links: The fourth tab on the Style menu allows you to link a widget so that if a user clicks it they are directed to another website URL, another page in your website, a specific layer on any stack in your website, or to a document that you have created.
      Options: The final tab on the Style menu will display any advanced options the widget has. If you are using a Stack widget, be sure to check out these options to access features like splitting the stack into separate webpages, creating slideshows, and a huge variety of possible transition effects.
  • Getting StartedDiscover how you can start using Cubender today.How to BeginStarting from a ThemeStarting from a Blank SiteView AllEditorGet familiar with the Cubender editor.Basic OperationsDesign PanelAdding ElementsPreferencesResponsive ViewsPreviewingPublishingView AllElementsLearn about all the different elements you can add to your page.OverviewMedia ElementsStructural ElementsSocial ElementsForm ElementsSpecial ElementsView AllStyleLearn how to apply custom styles to any element.OverviewBackgroundBorder & CornerFontShadowText ShadowSize & PositionLayout & OrderPadding & MarginTransformTransitionView AllDashboardGet an overview of the Cubender dashboard.Website SettingsAdding a DomainAccount SettingsYour SubscriptionView AllSubscription PlansLearn about the different pricing plans we offer.VenusEarthSaturnJupiterView AllWhite LabelingLearn how to white label Cubender for your customers.Creating UsersCreating SubscribersView AllSupportIf you're stuck, we can help.Contact SupportVisit our BlogView All