Every element added to a website created in website builder WebWave has a set of basic attributes which define its style and alignment. Each of those attributes can be changed in the Settings Panel. 

 

Alignment

 

Style

 

 

Style

In this section, you can set element size and alignment, make element take 100% width of a website and pin it to a  particular place on a website.  

 

Height and width

You can set element width (W) and height (H) in pixels by hand or see its measurements when you change element size using a computer mouse. If you want the element to keep proportions, select a big square next to W and H.

 

 

Hint!

If you want all the elements to have the same size, select them all and set width and height in the Settings Panel.

 

 

Alignment

Change element alignment by setting its distance in pixels from the left side of your website (X) and top of it (Y). If you like to preciselly place elements on your website, in WebWave webdesign software you can set elements position up to 1px. 

 

 

Keep in mind that X is a distance from the left side of a website, not the builder!

 

Fixed element

When you tick a box next to "Fixed element", you will pin this element to a certain place on a website and it will always be displayed in this particular location. This feature comes handy when you want a menu to be always visible. Users can scroll the website, but the menu will stay in the same place on the screen.

 

Width 100% 

Selecting this feature will make element take 100% width of a browser tab.

 

Style

In this section, you can set parameters, which apply to element style.

 

Backgroud

Set background color, its visibiliy or make an image a backgrund of the element.

 

As a background image, you can set any picture from Media library. When you add an image, you will be able to configure:

 

  • Repeat in X axis - image will be repeated horizontally
  • Repeat in Y axis - image will be repetead vertically
  • Cover- adjust how background fits the element
  • Parallax - a speed of scroll of a graphics in relation to the rest of a website
  • Background position - choose between background alignment in px or %
  • Background position X - horizontal background alignment
  • Background position Y - vertical background alignment

 

 

Visibility

In this section, there is only one attribute, which allows you to set element visibility. If you are changing the style of a text element, the text will also become transparent.

 

 

Border

In this section, you can set element border - its color, thickness, and shape. What's more, you can make element edges rounded. 

 

 

Border color, width and style 

Choose any border color from the color palette or make it transparent. 

 

Border width is set in pixels. Change of border thickness doesn't influence element size, only its "capacity". 

 

Set border style in roll up menu:

  • solid - the border is made of a continuous line
  • dashed - the border is made of a set of dashes 
  • dotted - the border is made of a line of dots
  • double  - the border is made of two continuous lines with a space between them

 

Enable and disable a part of a border

Four options will help you choose, which part of a border will be visible (top, bottom, left, right).

 

Round borders

This feature allows you to round borders of an element. Set roundness in pixels. 

 

 

Shadow

Cast a shadow on the element.

 

Enable shadow and set:

  • shadow alignation horizontally and vertically

  • shadow color and transparency

  • shadow blur

 

Element padding

Setting element padding makes sense only for elements with images or text. Enter measurements in pixels and draw element from its borders.

Change element style - description of styling features in WebWave

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED