By Stephen Walker

Updated Dec. 23, 2022

30 words

Reading time: 0.2 min.

Share

Avada does not provide a fixed-width submenu icon class like fa-fw which is part of Font Awesome. This snippet will fix that.

.awb-menu__i_sub i {
text-align: center;
width: 1.25em;
}

Originally published on Dec. 23, 2022

Limiting the page width
Copyright Shortcode

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED Snippets

  • Avada, CSS, JavaScript

    Fixed Floating Container

    This creates a floating container. More to come.

  • Avada, CSS

    Get your image to fill the space

    This is a style I recently used on my blog post title bar to have the feature image fill the column without having to use a background image.

  • Avada, CSS

    Table of Contents Border

    I have seen some tables of contents around the web that use what appears as a left border, and the border color changes when highlighted. This feature is missing from the current version of Avada, so I created CSS styling to do this. It works best with a single-level list. […]

  • Avada, CSS

    RSS Feed

    This gives the default RSS feed widget a more polished appearance.

  • Avada, CSS

    Skew Pagination Preview

    Another example of using a skewed background, this time targeting the pagination preview. Additionally, this limits the width of the preview and allows the text to wrap. Lastly, a clip-path is used to give the featured image a skewed appearance.

  • Avada, CSS

    Skew Column Background

    This allows you to create a skewed background for columns on the left and right. Change skewX to skewY, and it will be on the top and bottom. More tips like this from Kevin Powell.