Tutorials - CODIBU https://help.codibu.com Hosting & Domain, Development & Design, SEO & Marketing, 2300+ Themes & Plugins, Free SEO analysis & tools Thu, 06 Oct 2022 19:12:28 +0000 en-US hourly 1 https://help.codibu.com/wp-content/uploads/2022/07/favicon.png Tutorials - CODIBU https://help.codibu.com 32 32 White Label https://help.codibu.com/blog/white-label/?utm_source=rss&utm_medium=rss&utm_campaign=white-label https://help.codibu.com/blog/white-label/#respond Wed, 17 Aug 2022 22:03:28 +0000 https://help.codibu.com/?post_type=kb&p=953

White Label

Our theme allows you to hide branding information. All of the texts about the Codibu will be replaced with text which will not be associated with our product.

GO TO > FTP > wp-content > themes > betheme

To achieve that, edit the functions.php file and replace the:

define( ‘WHITE_LABEL’, false );

with

define( ‘WHITE_LABEL’, true );

Quick Tip!

Keep your changes

It is best to create a child theme and edit the functions.php file. Then, no information from the theme files will be lost when you update the theme.

 
 
 

 

The post White Label first appeared on CODIBU.

]]> https://help.codibu.com/blog/white-label/feed/ 0 Static CSS https://help.codibu.com/blog/static-css/?utm_source=rss&utm_medium=rss&utm_campaign=static-css https://help.codibu.com/blog/static-css/#respond Wed, 17 Aug 2022 22:02:40 +0000 https://help.codibu.com/?post_type=kb&p=952

Static CSS

Some changes in Theme Options are saved as CSS and inserted into the head of your website. You can enable the static CSS option and make them a separate file that will create itself, update, and minify each time you save Theme Options.

GO TO > > WP Admin > CodibuTheme > Theme Options > Global > Advanced

And turn ON the Static CSS button. That’s it, you successfully set up the Static CSS, and your website should be loaded quicker

 
 

 

The post Static CSS first appeared on CODIBU.

]]> https://help.codibu.com/blog/static-css/feed/ 0 Header Builder https://help.codibu.com/blog/header-builder/?utm_source=rss&utm_medium=rss&utm_campaign=header-builder https://help.codibu.com/blog/header-builder/#respond Wed, 17 Aug 2022 22:01:55 +0000 https://help.codibu.com/?post_type=kb&p=950

Header Builder

The Header Builder plugin will allow you to tailor any header you desire.

GO TO > WP Admin > CodibuTheme > Install Plugins

Quick Tip!

Partially disabled theme options

Once you activate the plugin, many of the theme options related to the header will be inactive. You need to set those things in the Header Builder plugin.

i class=”fas fa-info”>

Before we start

  • Where can you install the Codibu Header Builder? It’s in the same location as all of the bundled plugins, there you can download and install it.
  • Did you create your menu? Codibu Header Builder uses the same menu as the basic WordPress, so if you didn’t make it yet, or don’t know how to create a menu, please head to this topic
  • What happens with the theme options? All of the options related to the header and menu will be hidden and disabled – we did it to make it more understandable for customers that all of the settings depend on the Codibu Header Builder customizations
  • The different menus on a certain page

    Sadly, this functionality is not available – that’s the only limitation of that tool.
    So, we suggest using that plugin only when your website will have only the same menu between the pages.

Create your first header

Welcome to the world of the Codibu Header Builder!
The whole plugin is made to be the most customer friendly; you got here a few buttons, switches, and a lot of drag-and-drop items.

Let’s start building!

So, scroll to the container with the items on the bottom of the page and push the item to the center of Codibu Header Builder and hit the save button.
That’s it, you just created your first basic menu!

Menu without a logo? No way!

How to insert a logo? Precisely like the menu from the previous step, find the “Logo” item from the items list, drag and drop it into the Codibu Header Builder.

How does the system know which image is my logo?

It does not; you have to get into the settings of that item, just hover the item inside the Codibu Header Builder, and you will notice the pencil and “X” icon above it; click the pencil icon, and there you will be able to add the image for your logo

Header types

Codibu Header Builder gives you the opportunity to use other content in the Header for each device, including desktop, tablet, and mobile!

  • Switch between devices every device can have other header items inside. To change the type of device, please click one of the three buttons above the header container
  • Another item inside per device it’s easier than you think, all you have to do is switch to “Custom” mode – if you want to keep the content from the desktop, just leave the “Auto” mode

Sticky Header

Click the “Sticky” button and you will be able to create another (even with other items inside) header.

Action Bar & Second Row

To turn them on/off, click the toggle button.
It will extend your header even to be three-rowed!

Header & Rows settings

Edit the header settings

Click on the pencil icon on the bar of the Codibu Header Builder container here you will notice a bunch of settings

  • LayoutChoose between the full width or wrapped into the grid header type
  • Background colorSelect the background color of the header
  • Background ImageUpload an image as a background.
    You can also select a position and size of a background.
  • Header layered on top of contentDecide if your header has to be layered on top of the content

Rows

Rows are inside the header, and all of the settings of them are the same.
Which rows you can use? Action Bar, Menu bar, and Second Row

  • HeightProvide the height (in pixels) of the row
  • Background ColorSelect the background color of the row

Items

General

  • LogoUpload an image for a logo
  • Retina LogoUpload an image (2 times larger than a regular logo) for a retina logo
  • HeightProvide the height (in pixels) of the logo
  • OptionsHere you can turn on/off the “Overflow Logo” – this option allows you to cross the height value of the row(or header) container and overflow through the row(or header)

Menu

General

  • MenuSelect the menu which you created in WordPress, if you didn’t make it yet, or don’t know how to create a menu, please head to this topic
  • Replace with Menu IconHere you can set when your logo changes to a hamburger menu
  • Options
    Several options for a menu:
  • Borders between items – as the name says, display border between menu items
  • Arrows for items with submenu – show arrows on the end of the name for menu items which are the submenus
  • Fold submenus for the last two items to the right – if your menu has a lot of submenus, it will bring the last two items to the right.
    It’s usually used to prevent overlapping the menu outside the screen

Style

All options here will be dedicated to the fonts or the colors inside the menu and submenu

  • Menu | FontChoose between various fonts which should be used in the menu
  • Menu | Link colorSelect the color for links in the menu
  • Menu | Hover link colorSelect the hover color for links in the menu
  • Menu | Active link colorSelect the active link color for a link in the menu
  • Submenu | Background colorSelect the background color of the submenu
  • Submenu | Link colorSelect the color of the links in the submenu
  • Submenu | Hover link colorSelect the color of the hover links in the submenu
  • Submenu | Active link colorSelect the color of the active links in the submenu

Extras

General

  • Search | StyleChoose how the search field style should be displayed
  • Search | SearchSelect if search functionality should work on the whole page or for Woocommerce only
  • Shop | IconAn icon for a shop page
  • WPML | StyleSelect the style of WPML language switcher
  • WPML | StyleArrangement of the languages in the language switcher

Style

  • Icon/text colorSelect the color which will be used in the text and icon
  • Hover colorSelect the hover color for text and icon

Social Icon

General

    • Icons ListChoose and provide the URL for socials; you can select them as much as you want
    • Open Links In New WindowTurn ON/OFF the “_blank” attribute on links in social icons

Style

  • Icon colorSelect the color which will be used in the icon
  • Hover colorSelect the hover color for the icon

Text

General

  • TextProvide the text for this element

Style

  • Menu | Text colorSelect the color for a text
  • Menu | Link colorSelect the link color for a links
  • Menu | Hover link colorSelect the hover link color for a links

Image

General

  • image you can upload an image here
  • LinkIf image will be linked, provide a URL where it should redirect
  • Link TargetSelect the target for a link; you can set it to lightbox too
  • Link ClassProvide, the additional class for an image

Icon

General

  • IconSelect the icon for this item to display
  • LinkProvide the URL where it should redirect
  • Link TargetSelect the target for a link; you can set it to lightbox too
  • Link ClassProvide the additional class for an icon

Style

  • Icon colorSelect the color for an icon
  • Hover icon colorSelect the hover color for an icon

Button

General

  • TitleInsert the text which will be displayed inside the button
  • LinkProvide the URL where it should redirect
  • Link TargetSelect the target for a link; you can set it to lightbox too
  • Link ClassProvide the additional class for an icon

Style

  • Text colorSelect the color for the text
  • Button colorSelect the background color for the button
  • Hover text colorSelect the hover color for the button text
  • Hover button colorSelect the hover color for the button
 
 

 

The post Header Builder first appeared on CODIBU.

]]> https://help.codibu.com/blog/header-builder/feed/ 0 Mega Menu https://help.codibu.com/blog/mega-menu/?utm_source=rss&utm_medium=rss&utm_campaign=mega-menu https://help.codibu.com/blog/mega-menu/#respond Wed, 17 Aug 2022 22:01:37 +0000 https://help.codibu.com/?post_type=kb&p=949

Mega Menu

To create a mega menu on your website, you have to add Custom Links to your menu. Make sure that you are in the Appearance > Menus tab before you start. Navigate left, where you can see the custom links tab. When you click on it, it will show two fields, type a “#” in the first field and your preferred menu item name in the second field called: Link text. Click Add to Menu.

 

 

mega menu 1

 

We type a “#” to make the main link not clickable, you can also type in any URL there.
The new menu item will show up on the right, click it to see more options. The most important thing to check is the Activate Mega Menu option; remember to have it enabled.

 

 

mega menu 2

 

When your main menu item is ready we can get to creating the mega menu columns, to do that just add another custom link, again with the “#” as the link and in the link text field type a “–“. Click add to Menu

Drag the created menu item under your previously created main menu item but set it as a subitem. To do that, just move it to the right, just as you would while creating a normal menu.

If you did everything right, the name of the submenu item should change from “–” to “– sub-item“. This is your column. Now you can add your pages under the column, and they will appear on the site under each other.

 

 

mega menu 3

 

To create another column, just repeat the last step and set the sub-item under the previous one.

 

 

mega menu 4

 
 
 

 

The post Mega Menu first appeared on CODIBU.

]]> https://help.codibu.com/blog/mega-menu/feed/ 0 Menus https://help.codibu.com/blog/menus/?utm_source=rss&utm_medium=rss&utm_campaign=menus https://help.codibu.com/blog/menus/#respond Wed, 17 Aug 2022 22:01:18 +0000 https://help.codibu.com/?post_type=kb&p=948

Menus

GO TO > WP Admin > Appearance > Menus

This is the default WordPress tab for creating and managing the location of the menus on your website.

Once you are in the menus tab, you will also see a Manage Locations tab. This is the default WordPress place to set up your menus for all possible locations.

More about menus on WordPress.org

Split header uses two menus at the same time, which means you have to create two menus and assign one of them as a “Primary Menu” and the second one as a “Secondary Menu” in the Display Location section

You can replace the existing social icons menu that appears in the action bar & footer of your website with any other menu you want. You will find this in the manage locations tab, under the name Social Menu Top and Bottom

You can set another menu on each page, it’s really easy – while editing the page, just select it from a dropdown menu; more about page options here.

To set another menu for mobile, you have to go to the responsive options of the theme options, your menu will be able to select from a dropdown menu.

 
 

 

The post Menus first appeared on CODIBU.

]]> https://help.codibu.com/blog/menus/feed/ 0 Translation https://help.codibu.com/blog/translation/?utm_source=rss&utm_medium=rss&utm_campaign=translation https://help.codibu.com/blog/translation/#respond Wed, 17 Aug 2022 22:00:22 +0000 https://help.codibu.com/?post_type=kb&p=947

Translation

All of the translation possibilities in Codibu. Make your website multilingual or just translate a single string of text.

Built-in translator

Use the easiest and the fastest way to translate your theme, we recommend using our built-in translator, which you will find in the Theme options > Translate section.
It’s used only for translating strings that are used in the theme, not the page’s content.

POEdit

For all those who prefer translation using files included in the theme, we recommend using the .mo/.po files.
Those files work in pairs, so for each language, you need to have two files with the same name but a different extension.
For example, if you want to translate into the German language, your files would be de_DE.mo and de_DE.PO

You need to use Poedit, an easy-to-use software application, to edit these files. Simply upload the files into Poedit, edit them and upload them into the “languages” folder included in the theme.

WPML

Codibu has been thoroughly tested and is fully compatible with the WPML plugin. If you want a multilingual website, this is the best way to do it. If you want to use this plugin, however, you must purchase it first and install it into your WordPress platform. The following links contain useful WPML plugin information.

Quick Tip!

WPML Support

Please remember that the WPML plugin also comes with support from the plugin authors.

 
 

 

The post Translation first appeared on CODIBU.

]]> https://help.codibu.com/blog/translation/feed/ 0 Layouts https://help.codibu.com/blog/layouts/?utm_source=rss&utm_medium=rss&utm_campaign=layouts https://help.codibu.com/blog/layouts/#respond Wed, 17 Aug 2022 21:59:57 +0000 https://help.codibu.com/?post_type=kb&p=946

Layouts

Layouts are a great way to make one or more pages on your website look different. You can have another logo, background, header, etc.

Layouts creation

GO TO > WP Admin > Layouts > Add New

Layout

    • LayoutSelect if your layout has to be Full Width or Boxed

Background

  • ImageThe background image of a layout
  • PositionChange the position of the background image.
  • LogoChange the default logo
  • RetinaChange the retina logo
  • Sticky HeaderChange the sticky header logo
  • Sticky Header RetinaChange the retina sticky header logo
  • MobileChange the logo for mobile
  • Mobile RetinaChange the retina logo for mobile
  • Mobile Sticky HeaderChange the sticky logo for mobile
  • Mobile Sticky Header RetinaChange the retina logo for mobile when the header is sticky

Header

  • StyleChoose between the Default and Simple style of the theme. This concerns the general look of shortcodes/items.
  • MinimalistEnabling this option will remove padding & the background image from your header
  • StickyTurn on/off the sticky header
  • Sticky | StyleChoose between white, dark, and the same as Top Bar left background color.

Header

  • SkinChoose one of the predefined styles or use your colors from theme options
  • Subheader | Background Background color of the subheader
  • Subheader | Text Color Text-color of the subheader

Display on page

You can set your custom layout in the page options while editing one of the pages; see it here

 
 

 

The post Layouts first appeared on CODIBU.

]]> https://help.codibu.com/blog/layouts/feed/ 0 Templates https://help.codibu.com/blog/templates-2/?utm_source=rss&utm_medium=rss&utm_campaign=templates-2 https://help.codibu.com/blog/templates-2/#respond Wed, 17 Aug 2022 21:59:43 +0000 https://help.codibu.com/?post_type=kb&p=945

Templates

Templates are custom post types with just the Codibu Builder inside them. You can create a layout for your website and then use it on other pages.

Template creation

GO TO > WP Admin > Templates > Add New

Display on a page

Once you have created your template, you can import it to any page you want.
To do this, edit a page/portfolio/post and go to the Codibu Builder. Below it, you will see an option to import/export the current Codibu Builder content or to choose a template import ( this option shows when you click the import button)

 

 

muffin builder template import

 
 
 

 

The post Templates first appeared on CODIBU.

]]> https://help.codibu.com/blog/templates-2/feed/ 0 Testimonials https://help.codibu.com/blog/testimonials/?utm_source=rss&utm_medium=rss&utm_campaign=testimonials https://help.codibu.com/blog/testimonials/#respond Wed, 17 Aug 2022 21:59:25 +0000 https://help.codibu.com/?post_type=kb&p=944

Testimonials

Fill in each testimonial and display it on your page using a slider or a list.

Testimonial creation

GO TO > WP Admin > Testimonials > Add New
  • TitleAdd the title; it will only be shown in the backend.
  • Content and the testimonial text into the default WordPress editor.
  • Authorized the name of the author of the testimonial.
  • CompanyInsert the name of the company that the author represents.
  • LinkLink to the company page.
  • The category; you can add categories to each of your testimonials and display specific ones on different pages.
  • Featured ImageAdd an image of the testimonial author. We suggest using square images.

Display on a page

Once you have filled all the slides, you can display them on your website. There are two possibilities:

Shortcode

This method is very useful when you want to insert this item inside your content or when you are not using the Codibu Builder but still want to use the items provided by the theme.

Codibu Builder items

The best and most visual way to add content is the Codibu Builder.

 
 

 

The post Testimonials first appeared on CODIBU.

]]> https://help.codibu.com/blog/testimonials/feed/ 0 Slides https://help.codibu.com/blog/slides/?utm_source=rss&utm_medium=rss&utm_campaign=slides https://help.codibu.com/blog/slides/#respond Wed, 17 Aug 2022 21:59:06 +0000 https://help.codibu.com/?post_type=kb&p=943

Slides

Create slides and use the Slider item in the Codibu Builder to display them. You can choose from five different styles.

Slides creation

GO TO > WP Admin > Slides > Add New
  • links and URL for the image when it is clicked.
  • TargetYou can set if you want the link to open in the same window, open in a new tab, or open using a lightbox popup – the popup opens images and video links, including youtube, Vimeo, or your own .mp4 file from the media library.
  • DescriptionInsert a description for each slider. This works only with the slider style: Image & Text
  • The category you; can add categories to each of your slides and display specific ones on different pages.
  • Featured ImageAdd your slide image. We recommend using 1630px x 860px image sizes.

Display on a page

Once you have filled all the slides, you can display them on your website. There are two possibilities:

Shortcode

This method is very useful when you want to insert this item inside your content or when you are not using the Codibu Builder but still want to use the items provided by the theme.

Codibu Builder items

The best and most visual way to add content is the Codibu Builder.

The post Slides first appeared on CODIBU.

]]> https://help.codibu.com/blog/slides/feed/ 0