Design & Accessibility

Add and Style Text

Add and style text in Grigora's site editor. Adjust typography, alignment, colors, backgrounds, and spacing for your page content.

Google Maps Block

Add a Google Maps block to your Grigora website. Set the location, map mode, zoom level, language, and display style.

Understanding the Layers in Grigora

Use the Layers panel in Grigora's site editor to view your page structure, locate nested elements, and select blocks for editing.

Inner Section Block in Grigora

Use inner sections to group content in Grigora. Adjust direction, alignment, dimensions, spacing, backgrounds, and borders.

Duplicating Pages in Grigora

Duplicate a page in Grigora's site editor. Open the pages menu, select the page you want to copy, and create a duplicate.

Enable Sticky Headers

Make a Grigora header stay visible while visitors scroll. Enable the sticky setting and adjust its appearance and device-specific behavior.

Customize Header & Footer

Create headers and footers in Grigora's site editor. Save them as reusable site components and configure sticky headers for different devices.

Add a Commerce Product Loop in the Grigora Site Editor

Add a commerce product loop in Grigora's site editor. Choose products, design the cards, add dynamic details, and publish the section.

Add a Commerce Collection Loop in the Grigora Site Editor

Display product collections in Grigora's site editor. Configure a commerce collection loop and design cards with dynamic collection details.

Add New Elements to Your Website

Add elements to your Grigora website from the block library. Drag them onto the page, arrange nested elements, and remove unwanted blocks.

Editing Your Website with the Grigora Site Editor

Use Grigora's visual site editor to add blocks, design pages, adjust typography, change project settings, and publish your website.

How to Make a Parallax Background Effect in Websites

Create a parallax background effect on a Grigora page. Set up a container, configure its background image, and enable the parallax setting.

Frame in Grigora

Use frames to arrange elements in Grigora. Set layout direction, alignment, spacing, width, backgrounds, and borders.

How to Add Links to Buttons, Images, Text, and Other Elements in Grigora

Add links to text, buttons, images, and other Grigora elements. Set each link's destination using the block's available link settings.

Create Responsive Designs(Mobile, Tablet & Desktop)

Adjust a Grigora website for desktop, tablet, and mobile screens. Preview each device and change element settings for different screen sizes.

How to Add a Gallery in Grigora

Create an image gallery in Grigora. Add the gallery block, choose your images, and adjust the settings to display them on your website.

How to Add a Video Background to Your Website

Add a video background to a Grigora website section. Set up the container, choose the background video, and publish your changes.

Build website navigation in Grigora. Add a menu links block, arrange the menu, and link items to your pages or external websites.

How to Change Background Color of elements in Grigora

Change an element's background color in Grigora. Select the element, open its style settings, and choose a new background color.

Element in Grigora

Adjust common element settings in Grigora. Control spacing, device visibility, colors, backgrounds, and other styling options.

Customizing Your Website's 404 Page

Create a custom 404 page for your Grigora website. Add the page from the page menu, design its content, and publish it.

Embed Images & Videos

Add images and videos to a Grigora page. Upload media, configure the display settings, and review tips for keeping pages responsive.

How to Create Clickable Links for Smooth Scrolling on the Same Page

Create links that scroll to sections on the same Grigora page. Assign section IDs, set the link destinations, and publish your changes.

Tabs Block in Website Editor

Add tabs to a Grigora page. Name each tab, insert content, add icons, and customize the size, spacing, and appearance of the tab block.

Add Custom CSS to Any Element

Apply custom CSS to a Grigora element. Assign a class, add CSS in your site's custom code settings, and check the published changes.

Changing Your Website's Theme or Layout in Grigora

Change your Grigora website's theme or layout. Open the Layout settings, choose a replacement, and install the selected design.

How to add Custom Fonts in Grigora

Upload custom fonts to Grigora and use them across your website. Add the font files and select your font in the editor's typography settings.

Add Call-to-Action Buttons

Add buttons to your Grigora website. Set the destination link and customize button size, alignment, typography, colors, and borders.