Button
Contents
Post Grid Layouts
Post Filter
- Hide Main Title Selection
- Hide Link
- Link Title
- Post Type Selection
- Taxonomy Selection
- Multiple Term Selection
- Background Color
- Choose Background Image
- Padding & Margin
- Heading Settings
- Excerpt Settings
- Author & Date Settings
- Active Term Styling
- Regular Term Styling
- Post Styling
- Hover Effect
- Actions
- Advanced
Post Ticker
Slider
URL Snippet
Parallax
Midnay Patterns
The Advanced Button block is a custom Gutenberg block for WordPress that allows users to add a button to their posts or pages.
Add button block on edit page
When adding this block, the default button layout is selected. It also includes a toolbar with the following options:
- Alignment: Align left, center, or right. Users can align the button using these options.
- Bold: Users can make the text bold using this option.
- Italic: Users can make the text italic using this option.
Styles
With this feature, users can choose the button style they want to apply.
Button Settings
Link
Here, users can easily add a link to the button, specifying where it should navigate. They can also choose whether the link should open in a new tab. Additionally, there is a clear button that resets everything to its default state.
Icon Settings
In this setting, users can select their preferred icon and choose whether it should appear on the left or right of the button text.
Background Color & Text Color
Users can customize the button color with this option. By default, the background color is white, and the text color is black.
Font Size, Font Weight & Border Radius
- Font Size: Users can easily customize the button’s font size, ranging from 10px to 100px. By default, it is set to 16px. A reset button is also available to restore the default setting.
- Border Radius: Users can customize the button’s border radius in px, rem, vh, vw, em, or %. A reset button is provided to return it to the default state.
- Font Weight: Users can customize the button’s font weight to “normal,” “bold,” or “lighter.” By default, it is set to “normal.”
Padding & Margin
Users can easily set the padding and margin values in px, rem, vh, vw, em, or %. By default, the padding is set to 15px, and the margin is set to 5px. Two reset buttons are provided to restore the default settings.
Border Settings
The user can style the button’s border by adjusting the border color, border width, and border style from the Border Settings section.
Hover Setting
The user can set hover styles separately to customize how the button appears when hovered over.
Reset All Button
This button resets all button settings to their default state.
Advanced
Users can add custom class names and style them according to their needs, just like in other blocks.
