Docs

[yhshin1020]

Hey,

I want to change the font and size of the blog title and content.

I’ve seen other threads but none of the codes suggested work.

Thanks.

[yhshin1020]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.blog .x-iso-container-posts.cols-3 .entry-title {
    font-size: 32px;
}
.blog .entry-content {
    font-size: 20px;
}

Hope it helps 🙂

[yhshin1020]

Thanks,

How do i get rid of the comment section?

I went to Settings > Discussion, but it still appears.

Also, how can i add a padding-top to all the post pages?

Thanks.

[Thai]

I went to Settings > Discussion, but it still appears.

This setting could be overridden by the post individual setting, please edit your post > scroll down to Discussion section > uncheck on the Allow comments:

http://i.imgur.com/RUiuh5x.png

Regards!

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Thai]

Hi There,

Please update the previous CSS a bit:

body .entry-title {
    font-size: 32px;
}
body .entry-content {
    font-size: 20px;
}

Another thing: I want to add a padding-top: 5%; for every blog posts. Currently the blog post goes under the header because the header is set to absolute.

In this case, please find this CSS:

.x-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: none;
    border-bottom: none;
}

And replace with this:

.home .x-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: none;
    border-bottom: none;
}

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

To position the navbar absolute in all pages, please use this code instead:

.x-navbar {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: rgba(255, 255, 255,0.9);
    box-shadow: none;
    border-bottom: none;
}

.site > .x-container {
    padding-top: 5%;
}

Please let us know how it goes.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for the updates! Then you can use this css instead:

.postid-1368 .site > .x-container {
    padding-top: 5%;
}

Please notice that we use another class .postid-{ID#} or you could also use page-id-{ID#}. You just need to find out the post ID number or Page ID number. To know how you can find the ID number, please check out our knowledge base:
https://community.theme.co/kb/how-to-locate-post-ids/

Hope this helps.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

To target all posts, try this code :

.site > .x-container {
    padding-top: 5% !important;
}

Hope it helps.

[Author]

Posts