Add title to blog landing page

Site URL: https://www.jivamorelife.com/blog

I want to add a title to my blog's landing page that says "You are Limitless. The Blog". I can't add blocks to the blog landing page so I think I need custom code to add it in. How can I do that?

Hello,

On certain templates for 7.0, you can add an intro section to the top of the blog page and add any bit of content that you'd like.

On 7.1 -- Go to your blog > edit > "add section".  Add a template section or blank section. You should then be able add text or other content to the top section of your blog page.

Hope this helps,

-Dan

On 6/9/2021 at 1:04 PM, Wolfsilon said:

Hello,

On certain templates for 7.0, you can add an intro section to the top of the blog page and add any bit of content that you'd like.

On 7.1 -- Go to your blog > edit > "add section".  Add a template section or blank section. You should then be able add text or other content to the top section of your blog page.

 

Hope this helps,

-Dan

Thank you Dan, but there is no "Add section" available when I look to edit my blog. I can only add posts. Look at the screenshot below. Is there a way to get around this?

Hello,

From the looks of it, just above the "Blog | Add Post | Manage Posts..." tool bar, you can see the tool bar for "Intro | Edit" section. You'd add the banner/intro section by using that tool bar that instead of the editing tools for the actual blog section. It's appearing slightly transparent and seems to also be behind the "Home" and "Collections" header too, I can't say definitively but it looks like you may have some Custom CSS applied to the page that is overlapping the editor tools for the "Intro | Edit" tools, which would make it more difficult to select.  

-Dan

On 6/11/2021 at 12:09 PM, Wolfsilon said:

Hello,

From the looks of it, just above the "Blog | Add Post | Manage Posts..." tool bar, you can see the tool bar for "Intro | Edit" section. You'd add the banner/intro section by using that tool bar that instead of the editing tools for the actual blog section. It's appearing slightly transparent and seems to also be behind the "Home" and "Collections" header too, I can't say definitively but it looks like you may have some Custom CSS applied to the page that is overlapping the editor tools for the "Intro | Edit" tools, which would make it more difficult to select.  

-Dan

Thank you for catching that! Yes, I am able to click it and add a title, but it doesn't show up once I save it. Do you know why that would be?

I've attached images showing this below. I've also listed the custom css I have in case that is interfering.

/* Fixed Header */
.Header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0px;
}
.Content-outer {
  margin-top: 50px;
}

// fixed header navigation for desktop, tablet and mobile //
header, .Mobile {
 width: 100%;
 position: fixed;
 position: -webkit-sticky;
 position: sticky;
 top: 0;
 z-index: 1000;
}
/* Mobile header */
.Mobile-bar.Mobile-bar--top {
    padding-top: 0px;
    padding-bottom: 0px;
}
a.Mobile-bar-branding {
    padding-top: 0px;
    padding-bottom: 0px;
}
.Mobile-bar-branding-logo {
    width: 70px;
}

/* 2 Column Product Grid */
@media only screen and (max-width:640px) {
.products .list-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products .grid-item {
width: 48%;
}
}

/* 2 products columns - Watercolor splatters */
@media screen and (max-width:640px) {
div#page-5f489bc95b4e2969d5bf026c .span-3 {
    width: 50% !important;
    float: left !important;
}
div#page-5f489bc95b4e2969d5bf026c .span-3:nth-child(2n+1) {
    clear: left !important;
}
}
/* product 2 columns mobile */
@media screen and (max-width:640px) {
/* Mini paintings */
div#page-60246570a7841d194bd52219 .span-3 {
    width: 50% !important;
    float: left !important;
}
div#page-60246570a7841d194bd52219 .span-3:nth-child(2n+1) {
    clear: left;
}
/* polaroids */
div#page-607a494ab14a497e09cc5385 .span-12 .span-3 {
    width: 50% !important;
    float: left !important;
}
div#page-607a494ab14a497e09cc5385 .span-12 .span-3:nth-child(2n+1) {
    clear: left;
}
}
/* Collections page header */
@media screen and (max-width:640px) {
div#block-0af3a012f3c9b4da3f05+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-0af3a012f3c9b4da3f05+.row .span-3:nth-child(2n+1) {
    clear: left !important;
}
}

@Radhika22 Do you still need help on this?