Duplicated Category Results and Filtering question

Hi there

  1. can you tell me how to add the category filtering section shown on x theme ethos demo to my blog page.

  2. Category results are being duplicated (see here) so every item in a category is appearing with two images (exactly the same) - one, with an enormous ‘link’ icon on it on mouseover. Why is this happening and how can it be stopped?

Thanks

Hello There,

Thanks for writing in!

1.) Category Filter can be turned on by going to X > Launch > Options > Ethos > Blog Options. Enabling the filterable index will bypass the standard output of your blog page, allowing you to specify categories to highlight. Upon selecting this option, a text input will appear to enter in the IDs of the categories you would like to showcase. This input accepts a list of numeric IDs separated by a comma (e.g. 14, 1, 817).

To get the category IDs, please check this out:

Looking closely at your blog page, this is just an ordinary page and not your blog index. Please be advised the Filterable Index option is only applicable to the blog index. In your case, you need to edit the page and in your Post Grid settings, enable the “Show Filter” option.

2.) The are two featured images display in each of the post items. This could be a result of a custom featured image function which may have been added in your child theme’s functions.php file. To get rid of this issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.archive .attachment-entry-cropped {
    display: none;
}

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

Thank you. The duplication of the featured image has gone, but now the images that remain have a large black line along the top and an ugly link icon on mouseover which says ‘permalink to etc’. How can the black line and icon be removed, and the ‘permalink’ text changed to simply ‘view’ and then the blog title?

Re 1) - will give it a go, thank you.

Hi There,

Try adding the following CSS rules also into your Theme Options > Global CSS area.

a.entry-thumb:hover::before {
    opacity: 0;
}

a.entry-thumb:hover img {
    opacity: 0.85;
}

Hope that helps.

1 Like

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