Bloxby Support Portal
  • Home
  • Knowledge Base
  • Forums
  • Register
  • Live Chat

Knowledge Base

  1. Home
  2. Knowledge Base
  3. User Manual
  4. Editing Styles

Editing Styles

  • Created August 5, 2017
  • Author Andrew Ozols
  • Category User Manual
  • Comments 1

Depending on how the administrator has configured Bloxby, elements on the canvas can have one or more editable style properties. Bloxby allows users to edit these properties by clicking on an element after which the styling editor panel will appear on the left side of the screen.

Please note that it us up the administrator to configure which properties can be edited for every element. Bloxby does come with certain defaults, however the administrator has the final say in which styling properties are available in the style editor panel.

There are two ways of modifying an element’s styling:

  1. Individual style properties and
  2. Style classes

Individual style properties

These are individual properties such as text color, background color, padding, margins, etc. Most individual style properties are represented using a simple input field into which the end-user can input the property value. This is illustrated with the screenshot below:

Bloxby Style Editor

There are two style properties which are treated somewhat special. These are the background-image property and all color related properties. The color related properties, such as text color, background color, etc which activate a color picker when clicked. This allows the end-user to easily enter a color code. When the background-image property input field is clicked, the image library modal will automatically popup allowing the user to choose an image.

Style classes

In addition to individual style properties, Bloxby also allows for style classes to be applied to elements. Style classes can be considered as a group of style properties all applied to an element at once. The style classes are represented as dropdown menus from which the end-user can pick a class.

Bloxby Style Editor

Was this article helpful?

Yes No

Related Articles

  • Adding favicon
    • 0
    • 732
  • Integrations
    • -1
    • 849
  • Countdown timers
    • 0
    • 716
  • Popup blocks
    • 0
    • 726
  • Custom HTML embed
    • 0
    • 842
  • Use Unsplash free high quality images in Bloxby
    • 0
    • 848

1 Comment

  1. Avatar [email protected]
    6 years ago

    We are facing an issue related to the preview section. In the preview section of some of the blocks, the css file is not loading. For example 13th block under “Call to action”.

    Log in to Reply

Leave A Comment? Cancel Reply

You must be logged in to post a comment.

Knowledge Base Categories

  • User Manual
  • General
    • Frequently Asked Questions
  • Developer Manual
    • Updates
    • Integration
    • Extending Bloxby
  • Admin Manual
    • Managing Blocks & Components

Popular Articles

  • Server Requirements
  • Installation Guide
  • How to modify or develop Bloxby
  • Terms and Definitions
  • How to configure Bloxby page builder

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Forum Statistics

Forums
11
Topics
1,083
Replies
6,210
Topic Tags
249
© Bloxby 2019, All rights reserved