Available

ZD

ZORA DESIGN

AVAILABLE
How to add editor photo to Divi blog page (codes)

By Julius Timgum

Short CODE

By Julius Timgum


PHP CODE 

function custom_author_box() {
    ob_start();
    ?>
    <div class="custom-author-box">
        <div class="author-avatar">
            <?php echo get_avatar(get_the_author_meta('ID'), 96); ?>
        </div>
        <div class="author-name">
            <p>Written by <strong><?php the_author(); ?></strong></p>
        </div>
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode('author_box', 'custom_author_box');

 

CSS CODE (optional)

.custom-author-box {
  display: flex;
  align-items: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #fb3365;
}
.custom-author-box .author-avatar {
  margin-right: 15px;
}
.custom-author-box img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.custom-author-box .author-name {
  font-size: 16px;
}

 

Recent Post

Hamburger menu desktop/mobile

DOWNLOAD JSON ZIPPED Theme header DOWNLOAD HERE PHP CODE (Place in new code on code snippet plugin) function main_menu_shortcode() { ob_start(); wp_nav_menu([ 'menu' => 'hamburger', // ✅ Change this if your menu has a different name 'container' => false,...

Create a Transparent Text with a Background Image in Divi

Create a Transparent Text with a Background Image in Divi

How to Create a Transparent Text Effect with a Background Image in Divi https://www.youtube.com/watch?v=Uifaz7ywov0     Achieve a stunning effect where a background image appears only inside transparent text by following these steps: Add a Section and...

Divi text marquee design

Divi text marquee design

How to create an eye catching marquee with divi theme Build an eye-catching marquee banner for your Divi/WordPress website using basic HTML and CSS. This stylish scrolling effect pauses when hovered over and resumes sliding once you move your cursor away. It's a...

Custom Two-Column Blog Post Design (scroll)

Custom Two-Column Blog Post Design (scroll)

Learn how to build a  Custom Two-Column Blog Post Design in DIVI.   The design features a fixed full-width photo in the left column, serving as a captivating backdrop that sets the tone for the post, while the right column contains scrollable, highly readable...