How to setup a Blog posts page with header image?

Hi there, right now on Quark I see the demo and the quickstart seem to show the news section as just one category like so: http://www.jamjosandbox.com/hydrolight/ ... ight-blog/ and I would prefer it to show all the posts in a blog page so I created a blog page and set it as the only POSTS page in the settings of the theme. Unfortunately it looks like this: http://www.jamjosandbox.com/hydrolight/blog/ I need to link to the entire posts page because I will have multiple categories ultimately.

So how do I have a posts page with the header image and text.

Also its worth noting that the category header image has an overlay of some kind on the header section as this image here: http://www.jamjosandbox.com/hydrolight/ ... ight-blog/ is the same as the one on the homepage but of course they look very different right now. My question is not this however. If you could point me in the right direction that would be great.

Thanks in advance.

Hi,

The header with image as a background is available only for the categories, so you have to use a category as your blog section.

Regarding the header image and overlay - it's necessary, because with some images, the header text may be unreadable. If you want to remove the overlay, please add the following code into css/override.css file:

Code: Select all

.entry-header:after {
  display: none;
}


Hi Piotr, I understand however its not ideal because the url of a category for the blog is not exactly ideal: http://www.jamjosandbox.com/hydrolight/ ... ight-blog/ compared with this http://www.jamjosandbox.com/hydrolight/blog would not make a whole pile of sense from an seo and strcuture point of view. Anyways I will do like you say for now, maybe a simple page for the blog posts can be something for a future release.

On the note of the css. I have a simple child theme for my site and I entered in your css to my childtheme style.css however nothing happened. I would prefer to avoid the override.css file and keep everything in my child theme in terms of edits so as to protect against updates. Is there anyway this can work in the style.css file? I used the !important also such as this: http://www.jamjosandbox.com/hydrolight/ ... ight-blog/


.entry-header:after {
display: none !important;
}

However no luck I am afraid. Thanks

You can remove /category/ from your url:
https://wordpress.org/support/topic/how ... permalinks
http://www.wprecipes.com/how-to-remove- ... dpress-url

If you are using Child Theme, of course you can use your style.css file from child theme to add your custom css. If that doesn't work, please send me a PM with backend and FTP access, then I'll be able to help. For custom css you can also use a plugin:
https://www.gavick.com/blog/adding-cust ... ress-theme

Thanks Piotr, I think my child theme has broken things here but I am not sure why to be honest as you can see here: http://www.jamjosandbox.com/hydrolight/ I believe I have created the childtheme like I always do with style.css and functions.php but maybe I messed something up here?

Could you please provide me with a backend and FTP access to your website via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

PM sent. Thank you for looking into this.

Ok, but where is the problem exactly? You css from child-theme/style.css file works properly. Maybe it was a browser cache issue?

Yes this was down to a slow cache refresh actually. The css in the child theme does seem to be working fine now. Thanks again