Set blog page to homepage

You should be able to assign your front page to be latest posts in Settings> Reading. I’m not seeing any posts yet on your site, have you created any?

-Kevin

Hi Kevin,

Sorry, I didn’t realize that I had to enable “Latest Blog Posts” for the homepage template in the Theme Options Panel. So that’s sorted.

There are 2 other minor issues I’m having:

1) On the blog page here https://iamallmelanin.party/blog/ for some reason there is no image showing. On the homepage for example, there is large red rectangle where I can put a header photo. On the blog page, even though I have set a featured image, there is no image, only the menu. What can I do to fix that?

2) Also on the blog page, my dimensions are not really what I want. What I want is exactly like the Pinnacle Blog-Grid Example here https://themes.kadencethemes.com/pinnacle/blog-grid-example/ – on your demo, the size of the post excerpts are a bit larger than mine, and your sidebar is smaller. I searched the forum and found a post explaining how to make the blog page full width, but that didn’t make it look exactly like the demo. I also edited the sidebar width with some CSS, but that only made it less wide, as opposed to the demo where it’s less wide AND the text is smaller.

Basically I want my blog page (and therefore my homepage also) to look exactly like the Pinnacle theme demo.

Thanks so much for help, I really appreciate it. This the second theme I’ve used from you guys, they are great!

1. I’m seeing the featured images display now. Were you able to figure this one out?

2. What are you adding to your CSS? It looks like you’ve got something throwing off the layout of your site.

-Kevin

Hi Kevin,

This is what I have:

.sidebar {
  font-size: 11px;
  width: 250px;
}

.container {
  width: 100%;
}

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This reply was modified 7 years, 6 months ago by bdbrown.

.container {
width: 100%;
}

That is making all of the content on your page stretch the full width of the page, throwing off the layout of your blog relative to the demo site.

What exactly are you wanting this CSS to do? I’ll happily help you out with some better CSS if you can provide some details.

-Kevin

I just want it to look *exactly* like the demo site (it’s a very nice demo). When I remove the “width: 100%” the blog is centered in the middle of the page, but it’s not full-width. I searched the forum to find out how to make the blog page full-width with the sidebar, which is where I got that CSS from.

If you look at the BLOG-GRID-2 on the Pinnacle demo site, the blog page is full-width, has a sidebar smaller than the default size, and has blog excerpts larger than the default size. What are those dimensions? How can I get my blog site to be the same specifications?

Also thanks so much for being patient with me with this issue.

Now that the CSS is removed, I’m seeing your blog display just like the one you linked to:

https://themes.kadencethemes.com/pinnacle/blog-grid-example/
and your site:

https://iamallmelanin.party/blog/

What exactly looks off to you? Am I looking at the wrong demo blog?

And no worries! I’m happy to help!

-Kevin

Hey Kevin,

Maybe there are some settings on my computer that I need to fix. I actually recall having a similar issue with a different site I have, and it turns out my viewing settings for a particular browser was the culprit. I’ll check that. In the meantime, that last part of my problem was the header photo not showing on the blog page. I have a featured photo set, but as you can see there’s nothing but the menu.

1) On the blog page here https://iamallmelanin.party/blog/ for some reason there is no image showing. On the homepage for example, there is large red rectangle where I can put a header photo. On the blog page, even though I have set a featured image, there is no image, only the menu. What can I do to fix that?

What should I do to fix this?

Try going into the page settings for your blog, and under Page Title and Subtitle, set “Hide Page Title” to SHOW.

Does this work for you?

-Kevin

Hm kinda – so now there’s a blank red rectangle on the blog page, which is good, but still not my featured image. Is there another place I’m supposed to upload the header image for the blog?

Is it the same header as the home page? If so, then yes, you have solved my problem.

The header image is actually not set by the featured image. In the free version of Pinnacle, you can set only an image for your page headers, and a different image for your home page.

The premium version of Pinnacle allows you to assign a custom header image for each page.

To control all other pages besides home, you need to go to Theme Options> Page Title and upload the image to “Page Header Default Background.”

Hopefully this works for you.
-Kevin

OK got it, thanks!

Soooo I uploaded a test photo and the header photo is working, but now I can’t get the page titles to go away… I have THEME OPTIONS > PAGE TITLE > SHOW THE PAGE TITLE BY DEFAULT set to “off.”

When I go to the Blog page and set SHOW PAGE TITLE to HIDE, the whole header photo goes away. If I turn it to SHOW; PLACE BEHIND HEADER, then the page title is visible. If I set it to DEFAULT, then again the header goes away. For all pages, the only way I’ve gotten the header photo to show is if SHOW PAGE TITLE is set to SHOW.

I even went to THEME OPTIONS > PAGE TITLE > COLOR and set it to #00ffffff in an effort to hide it through transparency….no luck there. Can you tell me the CSS to hide the page title for all pages? Or each page individually? Or where I can find that info?

Thanks a lot.

Here is some CSS to hide the text of the title:

.blog h1.kad-page-title.entry-title {
    visibility: hidden;
}

If you want that to effect all pages, simply change it to this:

h1.kad-page-title.entry-title {
    visibility: hidden;
}

Let me know if this is what you’re after!

-Kevin

Hallelujah!

Ok we can end this thread now.

THANK YOU