Categories in page

Support
#1

Hy, how can i insert category list view in a page?

I want a page with text at the top and a specific category shown below. Greets Dani

#2

Hi there,

Thanks for writing in! You can try installing a plugin for that. For example try this (https://wordpress.org/plugins/list-categories/) or a similar plugin.

Thanks!

#3

Hy, thank you, how can i style this like the original theme?

#4

Hi There,

if you wants to style it you need custom CSS, Please send us the page URL where you have added the category list so that we can suggest you the CSS.

Thanks

#5

Hy, i think its better to insert the category as recent post element. Is it possible to style the recent post element as like as the category theme?

#6

Hi there,

Please try this CSS code:

.x-recent-posts a {
    border: 0;
    padding: 0;
}

.x-recent-posts .x-recent-posts-img {
    padding-bottom: 87.25%;
}

.x-recent-posts .x-recent-posts-content {
    background-color: rgba(234,234,234,0.8);
    padding: 1.5em;
    margin-top: -80px;
    z-index: 99999;
    position: relative;
}

Hope this helps.

#7

Hy, that works perfect, but the categories have got more than 4 posts. Have you an idea, how i can show more than 4 posts and every post just one time on one page?
Next question is how i can remove the date of the post.

Thank you so much for your help. Greets Dani

#8

Sorry but now i got another question: How can i declare the mouseover-effect and the font color? Greest thats it for today, i swear :wink:

#9

Hi There,

Add another Recent Posts element, and Offset it by 4, so it starts at your fifth latest post.

Add this to your Theme Options > CSS

.x-recent-posts .x-recent-posts-date {
	display: none;
}

Please add this to Theme Options > CSS too.

.x-recent-posts a:hover .h-recent-posts {
	color: red;
}
.x-recent-posts a:hover .x-recent-posts-img {
	opacity: 0.5;
}

Hope it helps,
Cheers!

#10

All codes are working!! Very fine!

Is it possible to configure the hover color of the lower bar of the post entry, not the font. Sorry for my bad english, hope you understand.

#11

Hi there,

Please remove the last code given and add this code instead:

.x-recent-posts article.hentry:hover .x-recent-posts-content {
    background-color: #ff00ff;
}

You will need to change #ff00ff to whatever color code you see fit for your design.

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.