Topic:

Design, Templates & Post Types

How do I build a sticky header?

You can easily build sticky headers with our content box variation "Pinned Box". You can find out how in our tutorial video in the chapter "Sticky Header".

A small note on the side: The name could lead one to assume that sticky headers are built with the Sticky Box variation instead of the Pinned Box. However, the CSS function required for a Sticky Header is "CSS fixed" and this is exactly what our Pinned Box does. Theoretically, you could also use the sticky box if you did not place it in the template part header but around the outside of the header. But then you would have to do this individually on each page on which you have included this header.

Related articles & tutorials

How can I switch to a child theme?

In this article we describe how you can switch to a child theme when you have already created contents, layouts and design that you do not want to loose:Keep the current theme activeMake a backup of your entire site, the design and files via Greyd.HubIf available, copy the additional CSS in the global styles into […]

Topic

General Questions, Templates & Post Types

How can I make dynamic fields only appear when a post data is available?

Imagine you have a post slider / query loop showing employees. Some employees have a LinkedIn profile that is to be displayed below their photo and name, some don't. You would now want your post slider to only display the LinkedIn icon when there is a LinkedIn profile available.There's an easy way to do that […]

Topic

Design, Templates & Post Types

How can I have several layouts / designs in one post overview?

With the Post Overview or Query Loop block, you can flexibly display posts – as a table, grid or list. In combination with Conditional Content, you can also visually highlight individual posts and/or work with different layouts within one post overview. To do this, simply add the Conditional Content block twice in your query loop. […]

Topic

Design, Greyd.Blocks, Templates & Post Types

Why does my site not show skip links?

Skip links are an essential accessibility feature. When someone navigates your website using the key board, skip links make their life a lot easier as they can skip elements like forms or menus if they want to navigate on the site instead of having to go through each and every menu element or form field.With […]

Topic

Design, General Questions, Templates & Post Types

How do I prevent unwanted breaks in texts/headlines?

Depending on your screen size, it may happen that you see unwanted breaks in words (especially long ones), for example in headlines. There is a simple way to make sure words break only where and how you want them to: HTML entities.There are a lot of interesting HTML entities, however we’d like to highlight two […]

Topic

Design

How can I make taxonomies selectable via checkboxes?

Default categories for example in the blog post type are easily selectable in the backend via checkboxes and all available options are visible to the editor. Screenshot of category selection in WP blog posts When creating custom taxonomies, however, the default interface is an input field. You may see the most used taxonomies as an […]

Topic

Templates & Post Types

My site template is not connected to its site anymore

When you have a template that is assigned to a specific page, you may ran into an issue when changing the URL of that page. Your page and site template may then no longer be connected with each other.In Greyd.Suite there is an easy way to fix that: Open the Theme Asset tab in the […]

Topic

Templates & Post Types

Why do anchor links not jump exactly to the right position?

If you use anchor links to navigate your site, you may find that the page sometimes scrolls too far or not far enough. This is a common problem in WordPress.But GREYD.SUITE offers a solution: You can set anchors with our block "anchor target" and define the offset individually and even set different values for different […]

Topic

Design, Greyd.Blocks

How can I stretch elements to the same height?

When having several content boxes or texts in columns next to each other, often the layout is tricky when these elements do not have the same height (e.g. because of different text lengths). However, we offer several ways to make sure, your content looks good:Headline & Paragraph BlockIn the headline & paragraph block we have […]

Topic

Design, Greyd.Blocks

How can I have two fonts in one headline?

To have two different fonts in one headline or other text-based blocks, just make the text "italic" (cmd+i / strg+i) and insert the following global CSS (in the Customizer or Site Editor): /* Change Font Family on Italic */em {font-family: var(–fontFamily1);} Step 1: Make text “italic” Have two different fonts in one headline

Topic

Design, Greyd.Blocks

Understanding pages & templates in FSE

Page vs. Template With Full Site Editing, you can edit pages, including the home page, directly in the Site Editor, but you don't have to. As this can be confusing for some users, we have summarised everything you need to know below: By default, most Full Site Editing themes come with a home template. If […]

Topic

Templates & Post Types

How can I make sure to only have one close X in my off-canvas burger menu?

In the Customizer navigation settings you can chose whether or not to display a close button in an off-canvas template. As off-canvas templates are often used in combination with burger icons, a close button is often not necessary as the burger icon itself acts as a close button. However, on mobile screens it may happen […]

Topic

Navigation, Templates & Post Types

●●●●

Topic

Integrations, Templates & Post Types

WooCommerce & Greyd

Greyd.Suite is fully compatible with WooCommerce. Watch this video to find out about the many benefits and additional features you get when combining the two tools with each other – from conditions, to advanced query & search features to synchronizing WooCommerce products across several websites.

Topic

Greyd.Blocks, Templates & Post Types

How to create overviews and sliders

In this video we show you how you can create super custom post overviews and sliders with Greyd.Suite's post slider block. With detailed frontend and backend filters, sorting options and even interactive live searches.

Topic

Greyd.Blocks, Templates & Post Types

How do I create frontend searches?

In this video we will show you how to create custom frontend searches with filtering and sorting options for the user. We also explain the extensive Advanced Search functions in Greyd.Suite.

Topic

Templates & Post Types

How do I work with templates and template parts?

In this video, we show you how to create and add templates and template parts using the Site Editor in Greyd.Suite.

Topic

Templates & Post Types

How do I create dynamic layout templates?

This video explains how easy it is to create and use layout templates that are independent from your content. Learn also how to change a template without affecting your content.

Topic

Templates & Post Types

How does the whole post & post type thing work?

In this video we will show you the entire process from creating a custom post type to designing the corresponding templates (post template, archive, search) and displaying certain posts with the query loop / post overview block.

Topic

Greyd.Blocks, Templates & Post Types

How does the burger / dropdown / popover block work?

You`ll find the popover block in three different variants. Depending on where and how you use it, you can build inline popups, dropdowns or burger menus with it. This video shows you how it works.

Topic

Templates & Post Types

How do I create custom post types?

With Greyd.Suite you can create and design custom post types without coding. There's no need for any programming skills, technical know how or even WordPress knowledge to manage post content. Learn here how it works.

Topic

Greyd.Blocks, Templates & Post Types

How do I display posts as a table?

The Post Table block is a variant of the Post Overview and allows you to display post content in table form.

Topic

Greyd.Blocks, Templates & Post Types

How do I create a post archive?

Show posts of a certain time, category or with certain tags with the post archives module. This video shows you how to design your individual post archive.

Topic

Templates & Post Types

How to design header & footer?

In this video we summarize all relevant settings, blocks & options for you, which you need for the design of the template parts header and footer. From navigation to the creation of off-canvas burger menus to logo and page title.

●●●●