Adding text content above blog page on 7.0

Site URL: https://www.leo2021.org/

Hi, I am attempting to add a small bit of text or an image between the navigation menu and the blog section of this site (which is set as the homepage), in order to provide a link to a blog archive at a separate URL.

I am not experienced at adding custom code, but ultimately just looking for a workaround to apply to only the blog page of this site. I am hoping this will be an easy fix for someone more experienced in customizing SqSp pages, and thanks in advance for any advice!

On 5/5/2021 at 12:04 AM, Monojono said:

Site URL: https://www.leo2021.org/

Hi, I am attempting to add a small bit of text or an image between the navigation menu and the blog section of this site (which is set as the homepage), in order to provide a link to a blog archive at a separate URL.

I am not experienced at adding custom code, but ultimately just looking for a workaround to apply to only the blog page of this site. I am hoping this will be an easy fix for someone more experienced in customizing SqSp pages, and thanks in advance for any advice!

Add to Design > Custom CSS

/* home top text */
body.homepage div#pageWrapper:before {
    content: "Squarespace";
    display: block;
    text-align: center;
}

Hi @tuanphan, thanks so much for your help! This seems to work with plaintext, but when I customize to include a text link it throws an error. I've been messing with the syntax to try to fix this but no luck so far!

Here is the text I am working with based on your advice:

 

/* home top text */

body.homepage div#pageWrapper:before {

    content: <a href="https://leounion.org/blog">Click here </a> for all LEO Blog posts and news";

    display: block;

    text-align: center;

}
 

I'll also include a screenshot of where it seems to create an error:




Any ideas would be greatly appreciated, thanks so much!

17 hours ago, Monojono said:

Hi @tuanphan, thanks so much for your help! This seems to work with plaintext, but when I customize to include a text link it throws an error. I've been messing with the syntax to try to fix this but no luck so far!

Here is the text I am working with based on your advice:

 

/* home top text */

body.homepage div#pageWrapper:before {

    content: <a href="https://leounion.org/blog">Click here </a> for all LEO Blog posts and news";

    display: block;

    text-align: center;

}
 

I'll also include a screenshot of where it seems to create an error:




Any ideas would be greatly appreciated, thanks so much!

Hi. You can't add link with this way. Will need to use JavaScript. Do you use Personal Business or Commerce Plan?

1 hour ago, tuanphan said:

Hi. You can't add link with this way. Will need to use JavaScript. Do you use Personal Business or Commerce Plan?

Hoo boy, ok—thanks for the speedy reply! This is a business plan, not commerce, though it appears that JavaScript should be available on both from what I can see.

Thanks so much, @tuanphan, that worked perfectly! Your help is very much appreciated!