Custom CSS to move author profile of blog to bellow the title rather than at the bottom of page

Site URL: https://oboe-pelican-gd8w.squarespace.com/

Hello, so this may be weird but we are trying to move the artist profile from the bottom of the page to the top right bellow the post title. is there some custom CSS that would make this possible?

Hi,

What is access password?

8 hours ago, tuanphan said:

Hi,

What is access password?

sorry about that. the password should be:

iR7ccn9cqaM6sP3K

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .blog-item-content-wrapper {
  
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    
    }
    
  .blog-item-author-profile-wrapper {
  
    -webkit-box-ordinal-group : 0;
    -ms-flex-order : -1;
    order : -1;
    margin-top : 0;
    
    }
    
  </style>

Or alternately add the following to Design > Custom CSS.

.blog-item-content-wrapper {

  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  
  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
  -ms-flex-direction : column;
  flex-direction : column;
  
  }

.blog-item-author-profile-wrapper {

  -webkit-box-ordinal-group : 0;
  -ms-flex-order : -1;
  order : -1;
  margin-top : 0;
  
  }

This is for v7.1.

Let us know how it goes.

4 hours ago, creedon said:

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .blog-item-content-wrapper {
  
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    
    -webkit-box-orient : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction : column;
    flex-direction : column;
    
    }
    
  .blog-item-author-profile-wrapper {
  
    -webkit-box-ordinal-group : 0;
    -ms-flex-order : -1;
    order : -1;
    
    }
    
  </style>

Or alternately add the following to Design > Custom CSS.

.blog-item-content-wrapper {

  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  
  -webkit-box-orient : vertical;
  -webkit-box-direction : normal;
  -ms-flex-direction : column;
  flex-direction : column;
  
  }

.blog-item-author-profile-wrapper {

  -webkit-box-ordinal-group : 0;
  -ms-flex-order : -1;
  order : -1;
  
  }

This is for v7.1.

Let us know how it goes.

Works fantastic. however the spacing is a little bit to high between the author and the title, what would I change to decrease that gap?

I have updated my post. There is even more space that could be gone after.

Let us know how that looks to you.

4 hours ago, creedon said:

I have updated my post. There is even more space that could be gone after.

Let us know how that looks to you.

the margin spacing didn't end up working. 

Quote

the margin spacing didn't end up working.

It made no difference at all?

I got it figured out by adding !important after the size of the margin

11 hours ago, creedon said:

It made no difference at at all?