Embed GitHub

  1. Home
  2. Docs
  3. Embed GitHub
  4. Guides
  5. Configuration

Configuration

Settings/Configure

Select the block, you will see the settings option in the right sidebar. You can see there are 2 tabs for configuration: General and Style.

General Tab

Embed Github- Two Panel
Embed Github- Two Panel

Gitbub Username

Input your GitHub username and click the Fetch Data button

Repositories Info

You can show or hide repository information such as the logo, name, description, button, and topic.

Embed Github- Repositories Info
Embed Github- Repositories Info

Pagination

You can show/hide pagination and set the number of repositories per page.

Embed Github - Pagination
Embed Github – Pagination

Layout

You can show/hide the masonry layout and set the column and row gap as well as the number of columns.

Embed Github- Layout
Embed Github- Layout

Style

Wrapper

Adjust the wrapper’s background color and padding and choose whether to show or hide them using the plugin’s options.

Embed Github- wrapper style
Embed Github- wrapper style

Card

You can change the card background color, padding, and border settings.

Eembed Github- Card Style
Eembed Github- Card Style

Icon

You can change the icon color and size.

Embed Github- Icon Style
Embed Github- Icon Style

Name

You could change the name to be displayed in a larger font or a different font family, and adjust the color to better suit your website’s overall design.

Embed Github- Name Style
Embed Github- Name Style

Description

You can customize the font family and color of the description.

Embed Github- Description Style
Embed Github- Description Style

Download button and Topic button

Button typography: This refers to the font style and size used for the button text.
Button color: This refers to the color of the button itself.
Padding: This refers to the amount of space between the button text and the edges of the button.
Border set: This refers to the style, thickness, and color of the border around the button.

Embed Github- Btn & Topic style
Embed Github- Btn & Topic style

Modal Button

You can change the modal button typography, color, hover color, padding, border, hover border, and padding.

Embed Github- Modal Button
Embed Github- Modal Button
Was this article helpful to you?

How can we help?