Remove categories from slider for category archive aggregation

[mwfallon]

Hello,

Is there a way to remove the categories above the title for the category archive aggregation. For example - http://friendsoffriendlesschurches.org.uk/category/arts-crafts/

Thanks

[thai]

Hi There,

Please add the following CSS under Theme Options > CSS:

.x-post-slider-entry .featured-meta {
display: none;
}

Hope it helps

[mwfallon]

Thanks, but that hasn’t worked.

[Prasant]

Hello @mwfallon,

Thanks for updating the thread.

Please replace above code with following and let us know how it goes.

.archive.category .x-post-slider-entry .featured-meta {
    display: none !important;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[mwfallon]

Hi, I’m afraid that also did not work. Thanks.

[paul.r]

Hi,

The code are not working because you have syntax error in your css code.

Please change the last part from this

.option-set .x-portfolio-filters-menu>li>a{
    color:black;.page-id-892 
    
.x-portfolio-filters-menu > li:nth-child(4){
    display:none !important;
}
.archive.category .x-post-slider-entry .featured-meta{
    display:none !important;
}
}

to this (this is the correct one)

.option-set .x-portfolio-filters-menu>li>a{
    color:black;.page-id-892 
}   /* this curly bracket was missing */    
.x-portfolio-filters-menu > li:nth-child(4){
    display:none !important;
}
.archive.category .x-post-slider-entry .featured-meta{
    display:none !important;
} /* only one bracket here */

Hope that helps.

[mwfallon]

@paul.r

.archive.category .x-post-slider-entry .featured-meta{
display:none !important;
} /*

Brilliant. That works now. Many thanks for your patience.

[rad]

Hi @mwfallon,

You’re most welcome!

Thanks!