toggle mobile menu

Login

Sign Up for Free!

ALL TUTORIALS
BASICS
LiquidBlox basics
Editor
Using templates
Creating layouts
Styles
Header and footer
Wide block settings
Using clipboard
Content types
Page manager
Publishing
Tags
Linking
Buttons
Liquidblox with Shopify
Launch the site with a SSL certificate
ONLINE COURSES
Making a website
Web design course
From idea to website
SEO basics
Google Analytics
suomeksi

Buttons


Links can be shown visually as links or buttons. Saved button styles are available throughout the website or publication. Button editor is accessible from the link editor when working with text, from the navigation editor or from the form editor.

LiquidBlox editor - button as a link type

Choose option Button in link editor to access the button editor. 

LiquidBlox editor - button styling options

Click Styling Options in navigation editor to access the button editor. 

LiquidBlox editor - editing button styles

Click Edit button styles in form editor to access the button editor. 

Creating buttons

LiquidBlox editor - website button styles
  1. Link style options
  2. Button styles (max 9 styles)
  3. Switch to open button style editor
  4. Options for saving edited button styles for later use
LiquidBlox editor - selecting the button

Step 1


Select a preset button style to work with.

LiquidBlox editor - advanced button styling

Step 2


Open Advanced button styling and make the changes needed to create the button you need.


Notice!

The Preview shows you how the button looks with and without mouse cursor over it. 

LiquidBlox editor - saving the button style

Step 3


  1. Save the button style for later use if needed
  2. Apply changes to your button
ALL TUTORIALS
BASICS
LiquidBlox basics
Editor
Using templates
Creating layouts
Styles
Header and footer
Wide block settings
Using clipboard
Content types
Page manager
Publishing
Tags
Linking
Buttons
Liquidblox with Shopify
Launch the site with a SSL certificate
ONLINE COURSES
Making a website
Web design course
From idea to website
SEO basics
Google Analytics
suomeksi

Login

Sign Up for Free!

Buttons


Links can be shown visually as links or buttons. Saved button styles are available throughout the website or publication. Button editor is accessible from the link editor when working with text, from the navigation editor or from the form editor.

LiquidBlox editor - button as a link type

Choose option Button in link editor to access the button editor. 

LiquidBlox editor - button styling options

Click Styling Options in navigation editor to access the button editor. 

LiquidBlox editor - editing button styles

Click Edit button styles in form editor to access the button editor. 

Creating buttons

LiquidBlox editor - website button styles
  1. Link style options
  2. Button styles (max 9 styles)
  3. Switch to open button style editor
  4. Options for saving edited button styles for later use
LiquidBlox editor - selecting the button

Step 1


Select a preset button style to work with.

LiquidBlox editor - advanced button styling

Step 2


Open Advanced button styling and make the changes needed to create the button you need.


Notice!

The Preview shows you how the button looks with and without mouse cursor over it. 

LiquidBlox editor - saving the button style

Step 3


  1. Save the button style for later use if needed
  2. Apply changes to your button

Build Shopify online stores and websites visually

You design. LiquidBlox handles the tech stuff.


LEARN MORE

toggle mobile menu

Login

Sign Up for Free!

ALL TUTORIALS
BASICS
LiquidBlox basics
Editor
Using templates
Creating layouts
Styles
Header and footer
Wide block settings
Using clipboard
Content types
Page manager
Publishing
Tags
Linking
Buttons
Liquidblox with Shopify
Launch the site with a SSL certificate
ONLINE COURSES
Making a website
Web design course
From idea to website
SEO basics
Google Analytics
suomeksi

Buttons


Links can be shown visually as links or buttons. Saved button styles are available throughout the website or publication. Button editor is accessible from the link editor when working with text, from the navigation editor or from the form editor.

LiquidBlox editor - button as a link type

Choose option Button in link editor to access the button editor. 

LiquidBlox editor - button styling options

Click Styling Options in navigation editor to access the button editor. 

LiquidBlox editor - editing button styles

Click Edit button styles in form editor to access the button editor. 

Creating buttons

LiquidBlox editor - website button styles
  1. Link style options
  2. Button styles (max 9 styles)
  3. Switch to open button style editor
  4. Options for saving edited button styles for later use
LiquidBlox editor - selecting the button

Step 1


Select a preset button style to work with.

LiquidBlox editor - advanced button styling

Step 2


Open Advanced button styling and make the changes needed to create the button you need.


Notice!

The Preview shows you how the button looks with and without mouse cursor over it. 

LiquidBlox editor - saving the button style

Step 3


  1. Save the button style for later use if needed
  2. Apply changes to your button

Build Shopify online stores and websites visually

You design. LiquidBlox handles the tech stuff.


LEARN MORE