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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...

Hello, is this still a valid option when trying to add text beneath the main shop page and category shop pages? For shop and category specific description/instructions? I cannot believe this is still not a part of Squarespace's built in features... ugh. I need to be able to add text, which will also help with SEO... again, can't believe this is not already built in. 

Screenshot 2023-08-01 112138.png

Screenshot 2023-08-01 112204.png

Link to comment
19 hours ago, VirgoGirl said:

Hello, is this still a valid option when trying to add text beneath the main shop page and category shop pages? For shop and category specific description/instructions? I cannot believe this is still not a part of Squarespace's built in features... ugh. I need to be able to add text, which will also help with SEO... again, can't believe this is not already built in. 

Screenshot 2023-08-01 112138.png

Screenshot 2023-08-01 112204.png

Yes. Possible. See this code

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.