Theme options - CODIBU https://help.codibu.com Hosting & Domain, Development & Design, SEO & Marketing, 2300+ Themes & Plugins, Free SEO analysis & tools Thu, 06 Oct 2022 19:53:07 +0000 en-US hourly 1 https://help.codibu.com/wp-content/uploads/2022/07/favicon.png Theme options - CODIBU https://help.codibu.com 32 32 Fonts https://help.codibu.com/blog/fonts/?utm_source=rss&utm_medium=rss&utm_campaign=fonts https://help.codibu.com/blog/fonts/#respond Wed, 17 Aug 2022 21:39:39 +0000 https://help.codibu.com/?post_type=kb&p=886

Fonts

Here you can select the font families and the style of your text

Family

Font Family

    • ContentAll theme texts except for headings and menu
    • Main MenuFont of the first level of the main menu
    • Page TitleThe text inside a subheader
    • Big HeadingsH1, H2, H3 & H4 headings
    • Small HeadingsH5 and H6 headings
    • BlockquoteFont of the blockquote tag
    • DecorativeDigits in some items, for example, Chart Box, Counter, How it Works, Quick Fact, Single Product Price

Google Fonts

      • Google Fonts Weight & StyleSelect which style and weight of the google fonts should be loaded
      • Google Fonts SubsetSpecify which subsets should be downloaded
        Multiple subsets should be separated with coma (,)

Size & Style

General

  • ContentCustomize your fonts for the theme texts
  • p.bigStyle of a .big class
  • Main menu style of the first level of the Main Menu
  • Page TitleStyle of the text inside a subheader

Heading

  • H1Customize the style of the H1 Heading
  • H2Customize the style of the H2 Heading
  • H3Customize the style of the H3 Heading
  • H4Customize the style of the H4 Heading
  • H5Customize the style of the H5 Heading
  • H6Customize the style of the H6 Heading

Advanced

  • Single Post | IntroStyle of the title of an Intro Header

Custom

Font 1

  • NameName for Custom Font uploaded below
    Please use only letters or spaces
  • .woffHere you can upload your font with the .woff extension
  • .ttfHere you can upload your font with the .ttf extension

Important!

Disable the Real MIME Check plugin

WordPress above 5.0 version blocks extensions .woff and .ttf; that’s why you should download THIS
plugin

 

Font 2

  • NameName for Custom Font uploaded below
    Please use only letters or spaces
  • .woffHere you can upload your font with the .woff extension
  • .ttfHere you can upload your font with the .ttf extension

Important!

Disable the Real MIME Check plugin

WordPress above 5.0 version blocks extensions .woff and .ttf; that’s why you should download THIS
plugin

 
 
 

 

The post Fonts first appeared on CODIBU.

]]> https://help.codibu.com/blog/fonts/feed/ 0 Backup & Reset https://help.codibu.com/blog/backup-reset/?utm_source=rss&utm_medium=rss&utm_campaign=backup-reset https://help.codibu.com/blog/backup-reset/#respond Wed, 17 Aug 2022 21:39:11 +0000 https://help.codibu.com/?post_type=kb&p=889

Backup & Reset

Here you can copy/download your theme’s current option settings. Keep this safe as you can use it as a backup should anything go wrong. Or you can use it to restore your settings on this site (or any other site). You also have the handy option to copy the link to your site’s settings. Which you can then use to duplicate on another site.

Besides creating a backup copy, you will also find a way to import the existing copy or reset the option completely.

 
 

 

The post Backup & Reset first appeared on CODIBU.

]]> https://help.codibu.com/blog/backup-reset/feed/ 0 Custom CSS & JS https://help.codibu.com/blog/custom-css-js/?utm_source=rss&utm_medium=rss&utm_campaign=custom-css-js https://help.codibu.com/blog/custom-css-js/#respond Wed, 17 Aug 2022 21:38:43 +0000 https://help.codibu.com/?post_type=kb&p=888

Custom CSS & JS

Custom CSS & JS can be inserted directly into the theme options.
It will get saved to the database, so updates of the theme will not affect it.
It is a great idea to place your custom code inside the theme options.
It is easier than creating a child theme.

Quick Tip!

Lots of custom CSS?

You can use our static CSS option so the code is not generated each time in the head area of your website but in a file that can be minified.
For more information, click here.

 
 
 

 

The post Custom CSS & JS first appeared on CODIBU.

]]> https://help.codibu.com/blog/custom-css-js/feed/ 0 Translate https://help.codibu.com/blog/translate/?utm_source=rss&utm_medium=rss&utm_campaign=translate https://help.codibu.com/blog/translate/#respond Wed, 17 Aug 2022 21:38:23 +0000 https://help.codibu.com/?post_type=kb&p=887

Translate

Here you will find all of the options to translate the Codibu Builder items or custom post types like posts or portfolios.

Please remember that this will not make your website multilingual. For this, you need to use a translation plugin.

We recommend and support the WPML plugin. It is fully compatible with our theme.

WPML makes it easy to build multilingual sites and run them. It’s powerful enough for corporate sites yet simple for blogs.

The post Translate first appeared on CODIBU.

]]> https://help.codibu.com/blog/translate/feed/ 0 Colors https://help.codibu.com/blog/colors/?utm_source=rss&utm_medium=rss&utm_campaign=colors https://help.codibu.com/blog/colors/#respond Wed, 17 Aug 2022 21:37:32 +0000 https://help.codibu.com/?post_type=kb&p=885

Colors

All of the color settings are in the theme.

General

Skin

  • Theme SkinChoose one of the predefined styles or set your own colors
  • One ColorIf select “One Color Skin” in “Theme Skin,” you can set your base color of the website

Background

  • Body BackgroundUsed for “Boxed Layout,” the color of the body
  • Content BackgroundThe background color of the content

Header

  • Header backgroundColor of the header background

Top Bar

  • Top Bar Left | background color of the Top Bar Left
  • Top Bar Middle | background color of the Top Bar Middle
  • Top Bar Right | background color of the Top Bar Right
  • Top Bar Right | colors of the Icon used in the Top Bar Right
  • BackgroundThe background color of the search input field in a header

Subheader

  • BackgroundThe background color of a subheader
  • Title color is the color of the text inside the subheader

Menu

Menu

  • Link Color of links inside the menu
  • Active Link color of the active links inside the menu
  • The active Link background color of the active links inside the menu

Submenu

  • BackgroundThe background color of links inside the submenu
  • Color of links inside the submenu
  • The color of the hover active links inside the menu while hovering it

Menu Icon

  • Icon color; The color of the menu icon (hamburger).
  • Icon background; The background color of the menu icon.

Styles

  • Overlay Menu background color of the overlay menu
  • Overlay Menu Link colorColor of the links in the overlay menu
  • Overlay Menu Active Link collective link color of the overlay menu
  • Plain Border color of the overlay menu

Side Slide

  • BackgroundBackground color of the side slide menu
  • Link coloring color of the side slide menu
  • Active Link collective link color of the side slide menu

Action Bar

Desktop & Tablet

  • BackgroundBackground color of the Action Bar
  • Text colorColor of the text inside the Action Bar
  • Link coloring color of the text inside the Action Bar
  • Link | Hover the color of the text inside the Action Bar
  • Social Icon | ColorColor of the icons inside the Action Bar
  • Social Icon | Hover color of the social icons of the Action Bar

Mobile

  • BackgroundBackground color of the Action Bar
  • Text colorColor of the text inside the Action Bar
  • Link coloring color of the text inside the Action Bar
  • Link | Hover color of the text inside the Action Bar
  • Social Icon | ColorColor of the icons inside the Action Bar
  • Social Icon | Hover color hover color of the social icons of the Action Bar

Content

  • Theme | color-highlighted button background, some icons, and other small elements inside the content
  • Text | color default color of the content
  • Selection | color the color of the background while selecting some text

Link

  • Link | coloring color of the text inside the Content
  • Link | hover color of the links inside the Content
  • Fancy Link | Color color of the Fancy Link
  • Fancy Link | background color of the Fancy Link
  • Fancy Link | hover the color of the fancy links
  • Fancy Link | hover the background color of the fancy links

Image Frame

  • Image Frame | Border color of the frame of an image
  • Image Frame | Link background

    The background color of the link of an image frame
    This is also Image Frame Hover Link color

  • Image Frame | Link color

    The color of the link of an image frame
    This is also Image Frame Hover Link background

  • Image Frame | Mask color the background color of the mask of an image frame
    Mask has predefined opacity of 0.4

Inline Shortcodes

  • Dropcap & Highlight background color of drop cap and highlight shortcodes
  • Hr colorColor of the HR tag also includes the color of Dots, ZigZag
  • List color text color of the HTML list, ordered, unordered & bullets list
  • Note color the color of the notes, including Blog meta, Filters, Widgets meta

Section

  • Highlight Section background color of the highlight section feature
  • Theme colorColor for icons and other small elements inside the footer
  • Background The background color is a footer
  • Text color text color of the footer
  • Heading color heading color of the footer
  • Note color color of the notes, including Widgets meta
  • Copyright border color of the copyright border inside the footer
  • Link | coloring color of the text inside the Footer
  • Link | Hover color of the text inside the Footer
  • Social Icon | ColorColor of the icons inside the Footer
  • Social Icon | Hover color of the social icons in the Footer
  • Icon | colors color of the text of back-to-top icon
  • Icon | background color of the back-to-top icon

Sliding Top

Back to Top & Popup Contact Form

  • Sliding Top Theme colorColor for icons and other small elements
  • Sliding Top background color of the sliding top
  • Sliding Top Text color of the text
  • Sliding Top Link color the color of the links
  • Sliding Top Hover Link color hover color of the links
  • Sliding Top Heading color the color of the headings
  • Sliding Top Note color the color of the notes, including Widgets meta

Headings

  • Heading H1 colors color of the H1 heading
  • Heading H2 colors color of the H2 heading
  • Heading H3 colors color of the H3 heading
  • Heading H4 colors color of the H4 heading
  • Heading H5 colors color of the H5 heading
  • Heading H6 colors color of the H6 heading

Shortcodes

  • Accordion & Tabs Active Title color the color of the active accordion and tabs title
  • Blockquote colors color of the blockquote element
  • Contact Box | background color of the contact box is also Infobox background
  • Content Link | icon colors color of an icon in a Content Link shortcode; this is also the Content Link hover border
  • Counter Icon | color The color of an icon on the counter is also the Chart Progress color
  • Icon Bar Hover Icon color The hover color of icons of the Icon Bar
  • Icon Bar Icon color The color of the icons of the Icon Bar
  • List & Feature List Icon color The color of icons inside the List and Feature list
  • Pricing Box | Price color The color of the price of the Pricing box
  • Pricing Box | Featured background The background color of the price of the featured pricing box
  • Progress Bar background The background color of the progress bar
  • Quick Fact Number Color The color of a number inside the quick fact
  • Sliding Box Title background The background color of a title inside a sliding box
  • Sliding Box Subtitle background The background color of a subtitle inside a sliding box

Forms

Input, Select & Textarea

  • Text color The color of a content
  • BackgroundThe background color of these elements
  • Border color The border color of form elements
  • Placeholder color The color of a placeholder

Focus

  • Text Color The color of content while the element is focused
  • BackgroundThe background color of these elements while the element is focused
  • Border color border color of form elements while the element is focused
  • Placeholder color The color of a placeholder while the element is focused

Advanced

  • Border width The border width of the form elements
  • Background Transparency (alpha)The background color transparency of a form
 
 

 

The post Colors first appeared on CODIBU.

]]> https://help.codibu.com/blog/colors/feed/ 0 Addons & Plugins https://help.codibu.com/blog/addons-plugins/?utm_source=rss&utm_medium=rss&utm_campaign=addons-plugins https://help.codibu.com/blog/addons-plugins/#respond Wed, 17 Aug 2022 21:37:05 +0000 https://help.codibu.com/?post_type=kb&p=884

Addons & Plugins

Bundled Addons & Plugins settings

Addons

Contact Form 7

    • Contact Form 7 | Form ErrorChoose how you want to display an error on the Contact Form

Parallax

    • Parallax | PluginSelect the plugin for the parallax effect

Lightbox

    • Lightbox | OptionsSeveral additional options for lightbox feature

Addons

  • Gallery Shortcode | DisableTurn it on if you want to use an external gallery plugin or Jetpack

Premium Plugins

  • Revolution SliderChoose if you want to use the plugin bundled in the package or not.
  • Layer SliderChoose if you want to use the plugin bundled in the package or not.
  • Visual ComposerChoose if you want to use the plugin bundled in the package or not.
 
 

 

The post Addons & Plugins first appeared on CODIBU.

]]> https://help.codibu.com/blog/addons-plugins/feed/ 0 Social https://help.codibu.com/blog/social/?utm_source=rss&utm_medium=rss&utm_campaign=social https://help.codibu.com/blog/social/#respond Wed, 17 Aug 2022 21:36:35 +0000 https://help.codibu.com/?post_type=kb&p=883

Social

List of social icons inside the theme.

Important!

Paste the absolute URL

Make sure to paste the full URL (absolute) to your social platform.
Starting with HTTPS://…
or HTTP://…

 
  • Open links in the new window turn it on to open social links in the new window
  • SkypeYour Skype Login
  • WhatsApp your WhatsApp URL
  • FacebookYour link to the profile page
  • TwitterYour link to the profile page
  • VimeoYour link to the profile page
  • YouTubeYour link to the profile page
  • FlickrYour link to the profile page
  • LinkedInYour link to the profile page
  • PinterestYour link to the profile page
  • DribbbleYour link to the profile page
  • Instagram your link to the profile page
  • BehanceYour link to the profile page
  • TumblrYour link to the profile page
  • TripAdvisorYour link to the profile page
  • VKontakteYour link to the profile page
  • ViadeoYour link to the profile page
  • XingYour link to the profile page
  • Custom | IconSelect an icon for a Custom Social
  • Custom | LinkSelect a link for a Custom Social
  • Custom | TitleProvide a title for a Custom Social
  • RSS Show the RSS icon
 
 

 

The post Social first appeared on CODIBU.

]]> https://help.codibu.com/blog/social/feed/ 0 SEO https://help.codibu.com/blog/seo/?utm_source=rss&utm_medium=rss&utm_campaign=seo https://help.codibu.com/blog/seo/#respond Wed, 17 Aug 2022 21:36:10 +0000 https://help.codibu.com/?post_type=kb&p=882

SEO

Basic Codibu options for SEO

Google

  • Google | AnalyticsPaste your Google Analytics code here
  • Facebook | PixelPaste your Facebook Pixel code here
  • Google | RemarketingPaste your Google Remarketing code here

SEO Fields

  • Use built-in fieldsUse our built-in SEO features
    Turn it OFF if you want to use external SEO or share a plugin
  • Meta | DescriptionMeta description for the homepage, also a default description for each page added in the Pages section
  • Meta | KeywordsMeta keywords for the homepage, also default keywords for each page added in the Pages section
  • Open Graph | ImageImage displayed while sharing it on socials may be overwritten for single posts, pages, portfolio

Advanced

  • Schema TypeEnable/disable Schema Type for site
 
 

 

The post SEO first appeared on CODIBU.

]]> https://help.codibu.com/blog/seo/feed/ 0 Responsive https://help.codibu.com/blog/responsive/?utm_source=rss&utm_medium=rss&utm_campaign=responsive https://help.codibu.com/blog/responsive/#respond Wed, 17 Aug 2022 21:33:39 +0000 https://help.codibu.com/?post_type=kb&p=880

Responsive

Responsive options for the whole theme

General

  • ResponsiveTurn on/off the responsive mode

Quick Tip!

Responsive option

All of the settings below will not work if the responsive mode is disabled

 

Layout

    • Mobile Grid widthMaximal mobile grid width
    • Decrease FontsAutomatically decrease all of the sizes of the fonts – based on the primary font size
    • Pinch ZoomEnable/disable the pinch zoom effect on mobile devices

Options

        • Boxed to Full WidthIf your website is using a boxed layout, you can turn on this option to make it full width on mobile
        • Section | Background ImageChoose between various positions of background images
        • Section | ParallaxEnable/disable Parallax effect while responsive
        • Section | Horizontal paddingEnable/disable horizontal padding while responsive
        • Wrap | Move Up Enable/disable the Move Up option while responsive
        • LogoSelect a normal logo for your website. This field cannot be empty, the Codibu logo will be set by default.
        • Retina LogoThe retina logo is optional. The logo size should be two times larger than the normal logo size.
      • LogoSelect a sticky header logo for your website. This field cannot be empty, the Codibu logo will be set by default.
      • Retina LogoThe retina logo is optional. The logo size should be two times larger than the normal logo size.

Header

Header

  • Tablet optionsTurn on/off additional options for tablet header
  • Mobile optionsTurn on/off additional options for mobile header

Header Minimal

  • LayoutChoose the header layout while responsive mode

Quick Tip!

Header Minimal does not work?

Be sure that you turned on the “Minimal” option in Mobile Options

 

Top Bar

  • IconsAlign your icons for a responsive header
    (Works when the minimal header is disabled)

Menu

  • Mobile breakpointWidth at which the mobile menu is turned on
  • MenuSelect the custom mobile main menu
  • StyleChoose between “Side Slide” and “Classic” dropdown menu
  • Side Slide | WidthWidth of the Side Slide menu
  • Side Slide | HideToggle some elements on the side slide menu

Menu | Button

  • Button | TextText provided there will be used instead of the menu icon
  • Button | StickyTurn it on to make the menu button sticky all of the time
 
 

 

The post Responsive first appeared on CODIBU.

]]> https://help.codibu.com/blog/responsive/feed/ 0 Footer https://help.codibu.com/blog/footer/?utm_source=rss&utm_medium=rss&utm_campaign=footer https://help.codibu.com/blog/footer/#respond Wed, 17 Aug 2022 21:33:13 +0000 https://help.codibu.com/?post_type=kb&p=878

Footer

All that you need to know about the footer in Codibu.

  • LayoutSelect how many columns on the footer you want to have
  • StyleChoose style of the footer
  • PaddingSpecify padding size for the footer area
  • OptionsEnable or disable the full-width option for the footer. This option will work only if the full-width layout is selected for the theme.
  • image here you can upload an image that will be used as a background on your header
  • PositionSelect attachment of image; you can select also select the parallax or fixed position
  • SizeChoose how you want to see your image, covered, contained, or auto (selected depending on resolution)

Important!

The fixed option is not working on iOS devices

On this operating system, this feature is disabled by default.

 
  • Call to action content provided in this field appears above the Footer, you can insert the shortcodes and HTML structures here
  • CopyrightContent provided in this field appears below the Footer; you can insert the shortcodes and HTML structures here
  • Copyright & Social BarTurn them off or select how they should be aligned
  • Back to Top button choose between various back-to-top button styles
  • Popup Contact Form | ShortcodeInsert the shortcode of the contact form to display in a popup
  • Popup Contact Form | IconChoose an icon inside a button that turns on the popup contact form
 
 

 

The post Footer first appeared on CODIBU.

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