Custom code for moving text

Site URL: http://www.piliweeber.com

Hi there,
On my homepage I would like to move the text that reads "Production Designer" under "Pili Weeber".
In the editor "Production Designer" is labeled as the Body and "Pili Weeber" as the Branding.
The page itself doesn't allow for customization so I think I need to inject code that would alter the layout!
If anyone could help it would be much appreciated!
Thank you,
Nazila 

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

<style>

  /* begin home page production designer under name */
  
  #collection-61b6567b04fc7e0339a5fac1 #sqs-slash-page-header::after {
  
    content : 'Production Designer';
    display : block;
    font-size : 20px;
    font-style : normal;
    font-weight : 400;
    letter-spacing : 0.04em;
    line-height : 1.4em;
    margin-top : 0.5em;
    text-transform : none;
    
    }
    
  #collection-61b6567b04fc7e0339a5fac1 .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="body"] {
  
    display : none;
    
    }
    
  /* end home page production designer under name */
  
  </style>

This is for v7.0 using the Avenue template.

Let us know how it goes.

That worked perfectly - thank you so much!!

Oh wait actually it isn't working as it says -
Note: Custom CSS does not apply to Cover Pages

So when I check the site the cover page is still the same - hmmm. Almost had it haha.

Ah. I see. I didn't notice this was a cover page. I'll try to dig in to see if there is another way it can be done.

Are you on the business plan or above? If so the code could be wrapped in a style tag and added to the cover pages Page Header Code Injection.

Hi there sorry for the delayed response! I checked the billing and it is a business plan. I tried to inject the code on the cover pages settings under the advanced option and had no luck there as well.

I forgot to update the code to work in the new location. Design > Custom CSS and Page Header Code Injections handle CSS in different ways. One of the most important. Code injection doesn't understand LESS syntax! 🙂

Here is what I see when I load my code locally on your site.

That looks absolutely perfect but I am a bit confused!

What and where do inject the code?

Thank you for being so helpful 🙂

In my post I indicate where to install the code and there are SS instructions on how to do it. I think you had the code in the right place already it was just that my code was not formatted for that location. Replace the code you installed before.

Oh got it I didn't see you had changed the initial code! Thank you!!