Docs

[Amir]

Hello,

I need your advice on customizing the blog.

For my blog, my categories are the Microsoft Office apps (Excel, Word, PowerPoint, Outlook… etc), around 7 categories.

I would like to edit the style of the blogs in the Blog page according to its category. For example, for all Excel blogs to have the Excel logo and a green theme or background. The Word blogs to contain the Word logo and be blue color. Same goes for all the other Microsoft Office apps.

I am looking to set a constant blog style for every category.

Please advice.

Thank you

[Darshana]

Hi there,

Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Amir]

Hi.

Thank you for your reply. Here’s the link to the blog page: http://www.2-excel.com/demo-blog/

It is still empty as it is still work in progress.

Thank you

[Rue Nel]

Hello There,

Do you want something like this?

If that’s the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-iso-container-posts>.category-excel .entry-wrap {
    border-color: green;
    background-color: green;
    color: #fff;
}

.x-iso-container-posts>.category-excel .entry-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #fff url(http://www.2-excel.com/wp-content/uploads/2016/02/Excel-2.png) 50% no-repeat;
    box-shadow: 0 0 4px rgba(0,0,0,0.35);
    border-radius: 50%;
}

Hope this helps. Please let us know how it goes.

[Amir]

Great!!

Thanks for the code, I’ll edit it and try and see what works best.

However, the title and other metas for the post are not showing, I can’t seem to pinpoint the problem. Could you please help me bring back the title as well as the other details such as post date.

Thank you

[Rue Nel]

Hello There,

The titles and post meta are not showing because you have a custom css that hides it. Please update your code and make use of this code instead:

header.entry-header {
    display: none; 
}

.blog header.entry-header,
.archive header.entry-header {
    display: block;
}

We would loved to know if this has work for you. Thank you.

[Amir]

Hello,

Thanks a lot for your help. It worked well.

I am only looking to tweak the post background a little and hope you can help me do it.

I would like the green background color to be behind the post title only and not the whole post.

Please see attached pic on how I am aiming for it to be.

Thank you.

[Friech]

Hi There,

Look for this custom CSS on your Customizer.

.x-iso-container-posts>.category-excel .entry-wrap {
    border-color: #197246;
    background-color: #197246;
    color: #fff;
}

And replace it with this

.x-iso-container-posts>.category-excel .entry-wrap {padding: 0}
.x-iso-container-posts>.category-excel .entry-wrap .entry-header {
	background-color: #197246;
    color: #fff;
    padding: 7% 7.5% 0;
}
.x-iso-container-posts>.category-excel .entry-content.excerpt {padding: 0 7.5% 7.5%;color: #000;}

Hope it helps, Cheers!

[Author]

Posts