From the file menu, you can save or reset your theme. If you have a PRO account, you can edit multiple themes at the same time. You can create a New Theme or make a Duplicate of the theme that you are working on. You can also Upload a Lubith Theme from your computer. In the My Themes folder you can find all your themes.
Save the work as you go. The Test Theme button displays your theme as a working website. If you want to start all over, click the Reset button.
After you’re done editing, Download your theme and Install it to your WordPress site. You can also set the Theme’s Details ( Name, URL, Author, Tags etc.).
FYI: When referring to background, we are talking about the background of the element NOT about the background of the site.
For each element that you select you can change its background color and image.
Upload Image – you can upload an image which you can place in the background of an element.
The size of the images cannot be modified in the editor. You should resize it before uploading the image.
To change the image position inside an element you can use the Image Position dialog. Here you can select a basic position (such as left, center, right, top, middle, bottom) or write down a value in pixels or percents for more accurate positioning (e.g. 10px or 30%). Negative values are also allowed.
If the uploaded image is smaller than the available space in the background (or if you want to apply a background pattern), you can choose to Repeat the image Horizontally / Vertically.
If you do not choose to have a background image for an element, you can choose just a background color. If the background image is smaller than the element, the background color is also visible. If the background image takes up all the space, the background color will not be visible.
If you want different elements to have the same background color, copy the colour code from the Background Color box, select the element and paste the code. You can use the same process when it comes to text color.
If you do not want a background color for a certain element, choose Transparent.
Background Opacity is a combination between the two options. If you set different background colors for different elements of the layout, Opacity can be useful if you want to obtain a certain harmony or transition between the parent’s background and the descendant’s.
You can play around with Background Color Opacity to obtain a certain effect over the parent element background.
TYPE – edit text and fonts.
You have over 400 fonts available in the editor, some of them provide support for the following scripts: Latin Extended, Cyrillic, Greek, and Vietnamese. Here are the properties than you can modify:
- Font Family
- Text Color
- Text Alignment (Left, Center, Right, Justify)
- Font Variant (Bold, Italic)
- Decoration (Underline, Line-Through)
- Transform (Uppercase, Lowercase, Small-caps)
- Letter Spacing
- Word Spacing
- Line Height
- Text Shadow
Each of these properties can be inherited separately (see Inheritance) from the parent element, using the Inherit button.
BORDER – you can add borders to each element.
Select the element, go to Border -> select width. You can change the border color and apply round corners to it.
TOOLS – here you have several additional editing options:
Add/ Remove : you can add/ remove layout elements ( Logo, Site Title, Site Description, Menu, the Meta information of the Posts, the Post Utility section or Sidebars).
Dimensions: set the exact dimensions of each element.
Padding: think of the elements as “boxes”, which have the following sections – margins, borders, padding area, and content.
The padding expands the space around the content. You can set the width of each of the padding edges.