Jump to content

Can I add a text header to the blog on Flatiron Template?

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Hi!

I think looks pretty dry when someone clicks blog and see just a bunch of posts one after the other: https://www.celsodinizphoto.com/blog

All I wanted is to have some kind of text box or header text for the Blog page only, saying "Welcome to my Blog. I'll be using this space to post about new shoots, editorials, news and mentions as they happen. Please subscribe and let's stay in touch."

Not sure how that would look, so I might tweak the text every now and then, but need a way to make it show up there in the first place :-)

Can you help?

Thanks!Celso.

Link to comment
  • Solution

@CelsoDiniz Add to Home > Design > Custom CSS


div#blog:before {
   content: "Welcome to my Blog. I'll be using this space to post about new shoots, editorials, news and mentions as they happen. Please subscribe and let's stay in touch.";
   display: block;
   margin-bottom: 20px;
   font-size: 20px;
   color: #333;
   font-family: proxima-nova;
}


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

THANKS! IT DID WORK LIKE A CHARM! I've just tweaked a bit further to make sure it matches with all other pages that are not in the main menu. THANK YOU VERY MUCH!


 div#blog:before {
    content: "Blog";
    display: block;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.2em;
    weight: 400;
    font-weight: Bold;
    font-size: 30px;
    color: hsl(0, 0, 0);
    font-family: Adobe-Handwriting-Ernie;
}




Edited by CelsoDiniz
Initial Revision
Link to comment
  • 1 year later...

Hello!

I am using Flatiron. Wanted to take out the scrolldown menu, and only have a contact button in Mobile.

I could do this thanks to this post. So thanks in advance.

Now, I want the text that i added with the script above to be a link. is this possible? still couldnt go around it. Can i add the hyperlink inside this code?

Thanks!

header:before
{
    content: "✉";
    display: block;
    margin-top: 0px;
    margin-right: 20px;
    text-align: center;
    line-height: 1.2em;
    weight: 100;
    font-weight: Bold;
    font-size: 25px;
    font-family: Arial;
}

 

Capture.PNG

Edited by nicolascastagnola
Link to comment
19 hours ago, nicolascastagnola said:

Hello!

I am using Flatiron. Wanted to take out the scrolldown menu, and only have a contact button in Mobile.

I could do this thanks to this post. So thanks in advance.

Now, I want the text that i added with the script above to be a link. is this possible? still couldnt go around it. Can i add the hyperlink inside this code?

Thanks!

header:before
{
    content: "✉";
    display: block;
    margin-top: 0px;
    margin-right: 20px;
    text-align: center;
    line-height: 1.2em;
    weight: 100;
    font-weight: Bold;
    font-size: 25px;
    font-family: Arial;
}

 

Capture.PNG

Can you share site url? We can check easier

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.