Docs

[gadgetguide]

Hi there,

Having trouble getting my blog page posts font sizes and background and text colors to be what I’d like to work better with my site.

Main page is here: http://gadgetguide.io/blog/

Post page is here: http://gadgetguide.io/fridayfiveapril29/

Firstly, on the main blog page, there is no title appearing with the post itself, only a date. And the post tile itself is enormous. How do I fix these two simple things? Must I use CSS code?

Then, once you click it, right now on the post itself everything that appears just below the image at top is on a white background and the title and top links (tags?), name, etc., are not legible. How do I change background color (I guess…?) so this info is legible?

lastly, I added code into the post copy itself for commenting fields. But there is also a “leave a reply” section below the post itself which feels redundant to me. How do I remove that? I obviously only want to have comments on posts that I can then moderate or respond to.

Thanks so much!
-Scott

[Thai]

Hi Scott,

Please add the following CSS under Customizer > Custom > Global CSS:

.entry-title,
.entry-title a,
.p-meta a,
.p-meta {
    color: #000;
}
.blog .contact-form {
    display: none;
}

Hope it helps 🙂

[gadgetguide]

thank you, thank helps a lot. However, I am still seeing an issue with visitors leaving a comment. When on the main “blog” page, you can see the entire post (in a very narrow column, would love to change that too), but nowhere to comment/respond. Yet when you click on the post itself, the new page that loads basically provides two places to comment. One in the post itself and one below asking for feedback. Which is the one I moderate as the site host, and how do I get rid of the other?

Thanks again!

-Scott

[gadgetguide]

image attached now

[Friech]

Hi There,

I’m not seeing any comment form on your single posts page, have you already resolve the issue?

Regarding the blog index page, it is narrowed because it is set to show two columns in Masonry Style. If you need to show only one column per row, navigate to Appearance > Customize and then on Customizer under the Blog panel set the Style to Standard.

Hope it helps, Cheers!

[gadgetguide]

The issue remains, and now my entire first blog entry has disappeared! Can you login to my site through a PM message and help me, I really don’t want to have to rewrite the whole thing. The previous iterations are not loading through cornerstone either from what I can tell, although I am probably doing something wrong.

thanks!

-Scott

[Joao]

Hi Scott,

Please provide your WP Admin credentials and URL and make sure to mark the reply as private.

Thanks,

Joao

[gadgetguide]

This reply has been marked as private.

[gadgetguide]

This reply has been marked as private.

[Friech]

Hi Scott,

The Blog index page (http://gadgetguide.io/blog/) is set to show your recent posts, it is not design to show a commenting form. Comment form is only available on each single post.

Regarding the text color. Navigate to Appearance > Customize, on Customizer under the Typography tab. The Body Font Color and Site Links is set to white, and because of that you can’t see the body text because it blends on the white background. Keep in mind that if you opt to change this to a different color, it will affect all your pages not only the blog index and single posts.

The text color on the single post page turns black because it is wrap with an styled <span> tag

e.g.
<span style="color: #000000;"><strong>5 must have apps.</strong></span>

While if you are on the Blog index page and you select to show only the Excerpt (not the full content) those HTML tags will be striped making your text back to its default white.

If you need the blog index page to show only the except, you can add this custom css on Custom > Global CSS in the Customizer to keep the text in black color.

.blog p, .blog a {
	color: #000;
}

You can change the default single post body text color with the code below to save you from wrapping every posts text on a <span> tag.

body.single-post {
    color: #000;
}

Let us know if there is a specific text that still not visible.

Hope it helps, Cheers!

[gadgetguide]

this helped a lot, thanks for the clarification!

[Thai]

If you need anything else please let us know.

[Thai]

If you need anything else please let us know.

[Author]

Posts