Creating a blog

Support
#1

Hey there,

I’d like to create a simple kind of blog on my website, where you can scroll and see articles one after the other. Nothing fancy, very basic.

My problem is, and I’m REALLY sorry if it was simple to find, I can’t seem to find any mean to do that directly in the X theme. Couldn’t find anyone asking for it in the forums either, so I guess I might be really bad at looking for answers… Website is wercury.ch and I’m actually working on this page for it, before putting it live : https://wercury.ch/news-construction/

Hope you can give me a hand for it, thanks!

#2

HI there,

To create a blog page, you just need to create a new page then go to Settings > Reading then set the page you have created as the Static Posts page.

Hope this helps.

#3

Thanks! Way easier than I thought. :slight_smile:

Could you please just give me another tip on how to avoid having the title on top of page? It’s supposed to be under “model > blank, no container…” but I cant’ chose it anymore since it’s a blog page now.

Here’s a screenshot:

Thanks!

#4

Hi There,

You can hide that title by adding this custom CSS under X > Theme Options > CSS:

.blog .x-header-landmark {display: none;}

Hope it helps :slight_smile:

#5

Thanks it works just fine!

Any way to make the space between the navbar and the first articles a bit wider? Like about 25px as done on the other pages.

Thanks!

EDIT: there’s another slight problem, if I go on one article or the other, the problem with the page title appears again! Any way to make it disappear on all actual and future posts? thanks!

#6

Hello @Fuzuki,

Thanks for updating thread. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.single .x-header-landmark {display: none;}

header.masthead.masthead-stacked {
    margin-bottom: 40px;
}

Thanks.

#7

Hey thanks!

It does change the problem with the title, but now it does disappear under the navbar a bit… Any idea? Thanks

#8

Hi there,

Please also add the CSS code below:

.single-post .x-main > article:first-child {
    margin-top: 50px;
}

Play with 50px to find the right space between the navbar and the top of the article in the single blog post page.

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you for your understanding.

#9

Hey there,

Okay sorry about it, thought it made sense since it was on the same subject!

Your code works perfectly on the pages of the article as you can see here and here, but not on the main article page like you can see here. Can we make this possible too?

Thanks.

#10

Hi There,

I’ve already replied to you on this ticket: https://theme.co/apex/forum/t/navbar-hides-the-page-title-on-mobile/27848/4.

Regards!

#11

Thanks a lot didn’t notice the problems were linked!
Have a great day/evening :slight_smile:

#12

You’re welcome and you too. :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.