FileMaster

Edit File: sidebar-default.php

<?php

/**
 * Title: Sidebar Default
 * Slug: fotawp/sidebar-default
 * Categories: fotawp
 */
$fotawp_url = trailingslashit(get_template_directory_uri());
$fotawp_images = array(
  $fotawp_url . 'assets/images/sidebar_author_image.png',
);
?>

<div class="wp-block-group">
  
  <div class="wp-block-group" style="margin-bottom: var(--wp--preset--spacing--70)">
    
    <div class="wp-block-group">
      
      <figure class="wp-block-image alignleft size-full is-resized has-custom-border"><img src="<?php echo esc_url($fotawp_images[0]) ?>" alt="" class="wp-image-1988" style="border-radius: 50%" width="125" height="125" /></figure>

<h3 class="wp-block-heading has-large-font-size" style="margin-top: var(--wp--preset--spacing--30)"><?php echo esc_html__('Alexa Liv', 'fotawp') ?></h3>

<p class="has-primary-color has-text-color has-x-small-font-size"><?php echo esc_html__('1.5M Followers', 'fotawp') ?></p>

<p><?php echo esc_html__('Check out our new&nbsp;font generatorand level up your social bios. Need more? Head over to Glyphy for all the&nbsp;fancy fonts&nbsp;and&nbsp;cool symbols&nbsp;you could ever imagine.', 'fotawp') ?></p>

<div class="wp-block-buttons">
        
        <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__('Follow', 'fotawp') ?></a></div>
        
      </div>
      
    </div>
    
  </div>

<div class="wp-block-group" style="margin-bottom: var(--wp--preset--spacing--60)">
    
  </div>

<div class="wp-block-group" style="margin-bottom: var(--wp--preset--spacing--60)">
    
    <div class="wp-block-group" style="border-bottom-color: var(--wp--preset--color--border-color); border-bottom-width: 2px; margin-bottom: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--30)">
      
      <h4 class="wp-block-heading"><?php echo esc_html__('Latest Posts', 'fotawp') ?></h4>
      
    </div>

<div class="wp-block-group" style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0">
      
      <div class="wp-block-query">
        
        
        <div class="wp-block-group has-background-alt-background-color has-background" style="border-radius: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px">
          
          <div class="wp-block-columns">
            
            <div class="wp-block-column" style="flex-basis: 90px"></div>

<div class="wp-block-column is-vertically-aligned-center">
              
              <div class="wp-block-group">
                
                <div class="wp-block-group has-x-small-font-size" style="padding-bottom: 0">

<p>.</p>

</div>

</div>
              
            </div>
            
          </div>
          
        </div>
        
        
      </div>
      
    </div>
    
  </div>

<div class="wp-block-group" style="margin-bottom: var(--wp--preset--spacing--60)">
    
    <div class="wp-block-group" style="border-bottom-color: var(--wp--preset--color--border-color); border-bottom-width: 2px; margin-bottom: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--30)">
      
      <h4 class="wp-block-heading"><?php echo esc_html__('Categories', 'fotawp') ?></h4>
      
    </div>

</div>

<div class="wp-block-group" style="margin-bottom: var(--wp--preset--spacing--60)">
    
    <div class="wp-block-group" style="border-bottom-color: var(--wp--preset--color--border-color); border-bottom-width: 2px; margin-bottom: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--30)">
      
      <h4 class="wp-block-heading"><?php echo esc_html__('Pages', 'fotawp') ?></h4>
      
    </div>

</div>

<div class="wp-block-group">
    
    <div class="wp-block-group" style="border-bottom-color: var(--wp--preset--color--border-color); border-bottom-width: 2px; margin-bottom: var(--wp--preset--spacing--40); padding-bottom: var(--wp--preset--spacing--30)">
      
      <h4 class="wp-block-heading"><?php echo esc_html__('Tags', 'fotawp') ?></h4>
      
    </div>

</div>
  
</div>

Back