• June 4, 2023 /

    by Stephen Walker /

    3 min. read

    A quick overview on how I created the new mega menu. A few lines of CSS and you are up and running.

  • June 3, 2023 updated on June 8, 2023 /

    by Stephen Walker /

    1 min. read

    Want a different looking alert? You can easily add some custom CSS to give you the look you want.

  • June 1, 2023 updated on June 3, 2023 /

    by Stephen Walker /

    1 min. read

    A quick solution for adding a background slide effect.

  • May 29, 2023 updated on June 4, 2023 /

    by Stephen Walker /

    1 min. read

    I miss having access to the Avada forum, and I suspect others do, too, so I set up a new Avada community forum at awb.community.

  • May 28, 2023 /

    by Stephen Walker /

    0 min. read

    I was recently asked a question about adding a border radius to the content box element. The content box element is a legacy element that has limited styling and, in most cases, can now be replaced simply using regular columns, which gives you far more control, but if you want […]

  • May 27, 2023 updated on June 6, 2023 /

    by Stephen Walker /

    0 min. read

    A quick video on placing an icon and text side by side using Avada elements.

The recipe

This card was inspired by the blog style on the Webfactory website. It uses a combination of custom CSS and two shortcodes. The custom CSS is below and positions the single letter and modifies the link design. The shortcodes generate the first letter of the title and the date posted and the date modified if the dates are different. Here is a screenshot of the post card structure.

Screenshot

 

 

Copy to Clipboard