Hi,

Can anyone tell me how I can hide the extra fields label (itemExtraFieldsLabel)?

Im not sure what file to edit or what code to remove.

Thanks :)

Hi.

 

Easiest solution would be to set 

div.itemExtraFields ul li span.itemExtraFieldsLabel {display: none; }

in your k2.css file (make sure you use templates overrides so your changes don't get erased when you upgrade K2).

 

--Olivier

Wow! That was quick :)

Thanks Olivier, it worked!

Spot on, If you have time please comment on reasons when to change css like above, and when to change item.php (both in overrides of course) I do it both ways...

Interesting question Wiliam :-)  

 

Mainly because:

1. I'm just assuming that based on the person asking the question, there is a greater chance that they be more familiar with CSS than PHP

2. Based on #1, one typo in a php file is fatal whereas a typo in CSS is not that critical

3. There are more visual tools (like CSSEdit or Firebug) that preview your css changes in real time without refreshing your page, not so much in PHP...

 

I think it also has to do with what you are more comfortable with, I'm more of a visual guy so I gravitate towards CSS first then php (but I have disabled that sort of functionality using both).

 

--Olivier
William White said:

Spot on, If you have time please comment on reasons when to change css like above, and when to change item.php (both in overrides of course) I do it both ways...

Can I do this for one category and not the other?

Yes by using the CSS4K2 plugin that allows you to have custom CSS per category.

www.jiliko.net/extensions/css4k2

--Olivier

Hi. I see this issue was from a couple years ago, I'm giving this a try today using Joomla 3 / K2 and modifying the K2.css file didn't seem to have any effect? Any idea if there's been a change since your resolution was last posted? I attached a screen grab of my extra fields from my web page, and my K2.css file. Thanks!

@Jim Van Zile

This depends on your site markup. If you are using the default K2 markup then the following CSS rule can hide the extra fields label:

Thanks for the reply Lefteris. What I discovered last night is that when I make your change to the k2.css file, it does actually remove the labels from the "Extra Fields" displayed in my K2 Item. However, it doesn't remove the labels from the "Extra Fields" when a K2 Item is displayed as a result of a Menu requesting Category Items. I'll clarify the scenario...

I'm creating a Catalog using K2 Categories. My main menu is "Shop", it displays an K2 Item with some descriptive text and a Catalog Menu in the Sidebar. The sidebar menu is a list of my K2 Categories. When I select a Category it displays various parts of my Leading Item that includes Extra Fields (this is where I'm unable to turn off the labels).

When I select "Read More" from my Leading Item, it navigates the user to my detailed K2 Item. The Extra Fields are also displayed here. The Labels are not visible here. So, the K2.css file does not seem to effect the K2 Item in a Category listing.

I decided to work the labels into my design and use the Extra Fields the way they're intended in a Catalog after all. It wasn't worth the delay on the project.

Thanks again for your reply.