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

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

@CelsoDiniz you can try using Custom Code. Which text & Where do you want to add?

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.

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

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

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

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

 

Can you share site url? We can check easier

cucustudio.com

pass:niconico

Answered your email. It it works, you can share for other members