Docs

[Suzanne S]

Hi
I have fixed the blog roll to have the featured image to the left and would like the code to change the blog category archives to have the same layout – featured image to the left.

Could you help please?

Here is my site: http://www.howtostartworkingathome.com/articles/general/

Also is the a way I can remove the articles from the url to just show the category?

regards
Suzanne

[Friech]

Hi Suzanne,

Thanks for writing in! You can update your custom CSS code:

.blog .entry-featured {
		max-width: 250px;
		float: left;
		margin: 2em 1.5em 0 0;
	}

To this:

@media (min-width:  768px) {
		.blog .entry-featured, .archive .entry-featured {
		max-width: 250px;
		float: left;
		margin: 2em 1.5em 0 0;
	}
}

Regarding your other question; Navigate to Settings > Permalinks and set it to Post name.

Hope it helps, Cheers!

[Suzanne S]

Thank you

Is there a way to have a line to separate the blog posts in the blog roll please?

[Darshana]

Hi there,

Please try adding the following Javascript code into your Customizer, Custom > Javascript area.

jQuery(function() {
  jQuery(".blog article").append("<hr />");
});

Hope that helps.

[Thai]

Hi There,

Please add the following CSS:

.x-main .hentry {
    border-bottom: 1px solid #000;
    padding-bottom: 30px;
}
.x-main .hentry:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

Hope it helps 🙂

[Suzanne S]

I tried the Javascript and the CSS but both did nothing.

[Rupok]

Hi there,

Thanks for writing in! Both should work as they seems correct, however the CSS solution seems more optimal. Make sure to add this correctly and also make sure you have multiple posts to display because it won’t show for last child or single post.

Keep the CSS and let us know if you still face any issue.

Cheers!

[Suzanne S]

It is not working.

[Darshana]

Hi there,

The newly added CSS is not working because you have issues in your existing CSS rules. Copy all of your custom CSS rules and paste it into an online tool like CSS Lint (http://csslint.net/) and then check for errors. CSS will not parse correctly when you have errors.

Thanks!

[Author]

Posts