Jump to content

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

Recommended Posts

  • Replies 8
  • Views 740
  • Created
  • Last Reply

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

@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

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

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;
}




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

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

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

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.