Jump to content

Adding text between the Header/Navigation and Products

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://circa35mm.com/the-art-store

I am currently working on a print store on my own site. I am on 7.0 and using a Product page with Squarewebsites Universal Filter plugin.

I would like to add some text in the area outlined red on the screenshot below... can this be done and if so is anyone able to advise how I go about doing it?

I only want the text to appear on this page.

Screenshot 2021-12-30 at 15.47.51.png

Link to comment
  • Solution
3 hours ago, euan said:

Site URL: https://circa35mm.com/the-art-store

I am currently working on a print store on my own site. I am on 7.0 and using a Product page with Squarewebsites Universal Filter plugin.

I would like to add some text in the area outlined red on the screenshot below... can this be done and if so is anyone able to advise how I go about doing it?

I only want the text to appear on this page.

Screenshot 2021-12-30 at 15.47.51.png

I've checked that you have already set the pseudo before.

image.thumb.png.8283eb6c3f1dd1aa7f5d795d293ab676.png

I give the suggestion based on this idea

body .Intro:before {
  content: 'Here is your text';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 3 weeks later...
On 12/31/2021 at 3:47 PM, bangank36 said:

I've checked that you have already set the pseudo before.

image.thumb.png.8283eb6c3f1dd1aa7f5d795d293ab676.png

I give the suggestion based on this idea

body .Intro:before {
  content: 'Here is your text';
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Dear @bangank36, I need to do the same in my page. Though, I am really know nothing about coding. What do you mean by "you have already set the pseudo before" ?
Is there a way of doing this without coding knowledge?

Thank you! 🙂

 

Link to comment
17 minutes ago, JoaoL said:

Dear @bangank36, I need to do the same in my page. Though, I am really know nothing about coding. What do you mean by "you have already set the pseudo before" ?
Is there a way of doing this without coding knowledge?

Thank you! 🙂

 

What is your site?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@JoaoL Add to Design > Custom CSS

nav.ProductList-filter.ProductList-filter--categories:before {
    content: "Enter your text here";
    display: block;
    font-size: 15px;
    text-transform: initial;
    margin-bottom: 30px;
}

image.thumb.png.95cc331348c98a22f4a771ed599c06fa.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.