Jump to content

Custom code for moving text

Recommended Posts

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 

Link to comment

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.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

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.

2018620675_ScreenShot2021-12-29at12_24_24PM.png.ca34e136002f4722e8e4f289c01349ea.png

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.