Question around titles on blog page

Hi All,

ik have two questions about the blog page (so not blog post/article).

Question 1:
I would like to have the blog title (for every summary blog page i create) on the center of the page (it’s now on the right)

https://zf881c-3a.myshopify.com/blogs/ontdek-portugal?page=1

Question 2: As you can see the title of the blogs is cut off on the summary page. How can i make these title completly visible within the module? So i can dececide myself if the title is too long or not…
https://zf881c-3a.myshopify.com/blogs/ontdek-portugal?page=1

Store: https://zf881c-3a.myshopify.com/blogs/ontdek-portugal?page=1
Theme: Craft

Password: Thetraveladdict

Thanks a lot

The travel addict

In order to make the Blog tilte in center and remove the truncate then you have to follow these steps.

Go to Shopify Admin > Online Store > Edit Code > base.css

.main-blog .title--primary{
    text-align: center;
}

And in order to remove the truncate requires to change the settings in the theme file.

1 Like

Hi,

Thanks, the title is in the center now.

Kr. The travel addict

Hi @Thetraveladdict

Solution for Question 1:

Go to Shopify Admin → Online Store ->Theme → Edit code->base.css

Add the below code at the end of the base.css file.

.main-blog .title--primary {
    text-align: center;
}

Solution for Question 2:

  1. Open the file
    Usually snippets/article-card.liquid or sections/main-blog.liquid.

  2. Find this kind of line:

{{ article.title | truncate: 50 }}

or

{{ article.title | truncatewords: 6 }}

3. Remove the filter so it shows the full title:

{{ article.title }}

  1. Save, then check the blog summary page — full titles should now appear.
1 Like

you must search the options in the theme, which theme are you using?