How to Hide this?

jobbatam

I search in the forum but not yet found and start here,,
how to hide this

with css? and where i can put the code..
thanks

Moehrenstein

https://vanillaforums.org/addon/cssedit-plugin <- install this plugin, it gives you a new entry in your dashboard for css tweaks.

Insert:

#vanilla_categories_index li.Best a {
display: none;
}

jobbatam

hi @Moehrenstein i tested this tutorial, but doesn't work..
this is my forum www.matematika.or.id
thanks for your help

Moehrenstein

'#Panel li.Best a {
display: none;
}'

try this:) I am not really good with css, but it seems that that should be your desired selector:) (write it without the ' )

jobbatam

@Moehrenstein said:
'#Panel li.Best a {
display: none;
}'

try this:) I am not really good with css, but it seems that that should be your desired selector:) (write it without the ' )

not working too..

whu606

@jobbatam

Get to grips with a browser web inspector, and you will be able to find these things for yourself.

Not all themes use identical elements.

Use something like Firebug in Firefox, or any web development tool in other browsers.

Bleistivt

@jobbatam Looks like you didn't save anything in the CSS editor.

Can you see what you entered here? http://www.matematika.or.id/settings/cssedit

jobbatam

@whu606 Inspect element with firebug i got this

but i don't know which one i must add display;none in to the code
can you help me?

@Bleistivt i have try code above and doesn't work, so i remove again from css editor plugin..

whu606

@jobbatam

Well done for trying to help yourself.

Try clicking on the li of the line you have highlighted.

That should bring up any css code for it in the right hand panel.

whu606

Also it is

display: none

using a : not a ;

River

@jobbatam said:
@whu606 Inspect element with firebug i got this

but i don't know which one i must add display;none in to the code
can you help me?

@Bleistivt i have try code above and doesn't work, so i remove again from css editor plugin..

Do you see the image you posted. the blue line is highlighted.

it says.

li class="Best"

li is the html tag.

to select on a class name use the . A simple period in front of the class. to isolate it.

tag , a period, the class name.

li . Best

li.Best {
display:none;
}

if you saw
div id=Panel
and wanted to hide the entire panel.
notice it doesn't have a class, it has an id instead.

id uses #
class uses .

it would be
tag , #, and id name

to hide entire panel.

div#Panel {
display:none;
}

you can add these using the cssedit plugin, or you can add it to the custom.css.

if there is alread a specific rule.

you sometimes need to add the !important to give the your new rule more importance if you need to override a similar rule, then your rule would be

li.Best {
display:none!important;
}

https://css-tricks.com/when-using-important-is-the-right-choice/

in your case you shouldn't need important.

jobbatam

Thanks mr @River that's work 100%