Opera FAQs, Tips, Tricks & Tweaks

Tips for Opera browser since 2005

Find the CSS code to hide anything using Opera Dragonfly

Thursday, September 29, 2011 10:43:47 AM

, , , , , , , , ,

User style sheet can be used to modify the look of a website. Even if you don't know anything about CSS you can find code to hide anything using Opera Dragonfly dragonfly as shown below.

  1. Right click on the item you want to hide and select 'Inspect Element' from the context menu. Opera Dragonfly will open and highlight the element with blue color depending on where you clicked.

    Opera Dragonfly
    Ad is highlighted but the text 'Ad' is not highlighted

  2. Click one by one (in this example li.tas, ol, div#tads.c, ...) from bottom right side until everything you want to hide is highlighted.

    Opera Dragonfly
    Both Ad and text 'Ad' are highlighted

  3. Select and copy code from bottom and add the following at the end. 
    {display:none !important;}
    The final code looks like the following. 
    div#tads.c {display:none !important;}
  4. Save the CSS code to a file with css extension.
  5. Close Opera Dragonfly.
  6. Right click on the page > Edit Site Preferences... > Display > My style sheet > [Select saved file] > OK
  7. Reload page to apply the style sheet.

How to delete data from Opera Link?Opera address bar as a calculator

Comments

Sami Serolaserola Thursday, September 29, 2011 10:51:19 AM

cool tip up

Abdulaziz Noratabdulaziznorat Thursday, September 29, 2011 10:55:58 AM

smile coffee coffee cheers yes

Daniel Herzogdanfoooo Thursday, September 29, 2011 2:25:08 PM

If you go to the Layout tab, you can copy the CSS selector from there too. Then you can also include some of the parent elements of an element if you want, makes it work a bit more specific. smile For example use all of "div#add_container > div.bad_ad" as the selector.

d4rkn1ght Thursday, September 29, 2011 2:37:35 PM

up banana

Angelikiellinidata Thursday, September 29, 2011 4:39:18 PM

you are always giving the best info Tamil! love

Charles SchlossChas4 Thursday, September 29, 2011 6:19:39 PM

cool dragonfly tip

Robson Cordeirorobsonpc Thursday, September 29, 2011 7:12:04 PM

knight headbang

Abhinavdecodedthought Friday, September 30, 2011 6:29:29 AM

I did a similar thing for the gmail ad. was about to post it but you beat me to it p

Unregistered user Friday, October 7, 2011 11:42:29 AM

Anonymous writes: Thanks for sharing this information and resources its really help full for me with the help of this we can improve our Design and Development working. Web Design Company India

Unregistered user Saturday, October 8, 2011 9:36:04 PM

Barackboy writes: I need opera mini 10.0 4 java pls.

Mad Scientistqlue Sunday, October 9, 2011 8:25:33 PM

It doesn't exist yet. left.
But you can get the latest Operamini from:
http://m.opera.com/
up.

Unregistered user Friday, October 14, 2011 4:13:39 AM

Nyct3a writes: not related to the post. but i was wondering if there is an option/extension in opera that can autosave certain file formats from preselected sites in pre defined folders? example (what i would use the function for): i save images from the web regularly. in a large archive. (for inspiration)... now i have a different folder for each site. and it would greatly improve my experience if i could rightclick on an image press "save image.." and opera would automatically save it to the right folder. (or ask if there already is file with that name) is there such an extension/option in opera already? or is it something you could make without large quantities of expertise? (I'm in the progress of learning how to program... so i think i could manage to make something small)

Tamil Friday, October 14, 2011 8:10:41 AM

Not available.

Unregistered user Sunday, October 16, 2011 8:59:19 PM

Nyct3a writes: Thanks anyway.

Unregistered user Tuesday, October 18, 2011 11:23:43 PM

Anonymous writes: hi Tamil , i want to FIX (width-height)"Delete Private Data" window... from where will i do FIX. in other version opera "Delete Private Data" big window but in Opera next version "Delete Private Data" is small windows, i want to like opera next small window "Delete Private Data" thnks

Tamil Tuesday, October 18, 2011 11:34:04 PM

See Opera delete private data dialog tweaks post for hint.

Unregistered user Wednesday, October 19, 2011 9:49:33 PM

Anonymous writes: hello again, thnks for answer. i want to do smal menu , i want to do , lite that >> http://i52.tinypic.com/9k1ge8.jpg

Tamil Wednesday, October 19, 2011 11:38:40 PM

You have to modify dialog.ini file.

Unregistered user Thursday, October 20, 2011 12:31:45 AM

Anonymous writes: Tamil thnk you , if you wanna delete my this (Anonymous # Wednesday, October 19, 2011 9:49:33 PM post) thnks

Unregistered user Thursday, October 20, 2011 7:44:34 PM

Anonymous writes: I modified dialog.ini (opera 11.51) . Not changed . Where and how can I modify ? Tamil Thanks

Tamil Thursday, October 20, 2011 8:57:18 PM

Did you restart Opera after modification?

Unregistered user Friday, October 21, 2011 4:07:30 AM

Anonymous writes: yes I did restart. not changed. can you tell me? In the dialog.ini where will I change ? . Thanks

Tamil Friday, October 21, 2011 7:12:17 AM

http://operawiki.info/hackingdialogini

PhotMSupportLab Sunday, November 6, 2011 1:42:03 PM

Hi Tamil,

For some reason your caption is covering up the buttons for me??? This is the only way I have to subscribe to this post. O.o sad

Tamil Sunday, November 6, 2011 1:59:51 PM

sherlock

PhotMSupportLab Sunday, November 6, 2011 2:15:55 PM

Tamil, be advised that I do use a bit larger character point for easier readability which causes the "PM/AM" to wrap around on my header. This may be the problem with your caption??? confused

http://files.myopera.com/crystalacey/Smilies_Emoticons/Hope_Lovely_Sunday.gif -

Swapnil RustagiSwapnil99pro Friday, December 2, 2011 10:17:19 AM

Thanks - you are a tremendous genius.

Tamil Friday, December 2, 2011 10:21:07 AM

smile

Unregistered user Thursday, December 8, 2011 1:40:40 AM

Anonymous writes: What is css extension ?

Tamil Thursday, December 8, 2011 1:48:36 AM

Save the file in notepad and then change txt extension to css extension.

Kevin Luukevinluu2003 Thursday, December 8, 2011 11:21:19 AM

The instructions are great. Easy to implement. Thanks!

Random User 648432054o234733455 Thursday, December 8, 2011 8:52:29 PM

OK.
I've got no idea where to write the {display:none !important;}.
The dragonfly was all down. PICTURE !

Rand Sunday, December 11, 2011 9:08:55 AM

This is fantastic, thanks for the instructions. Tremendously useful.
A hugely beneficial advantage to Opera, and one which I wouldn't have known how to take advantage of without this post.

Random User 648432054o234733455 Monday, December 12, 2011 1:36:03 PM

Originally posted by Rand:

This is fantastic, thanks for the instructions. Tremendously useful.
A hugely beneficial advantage to Opera, and one which I wouldn't have known how to take advantage of without this post.

I can't take advantage w this post, cause I didn't got where to put the don't show code.

Tamil Monday, December 12, 2011 2:03:59 PM

Open notepad, paste the code and save it anywhere.

Random User 648432054o234733455 Monday, January 2, 2012 7:01:24 PM

So.
How do you block the entire square from this page:

Opera
Opera is a fast and safe web browser.

It's a "li>". So then, how do I pinpoint it? The Dragonfly has a tree, I have to include the tree, so the thing knows at which branch my code is.

Random User 648432054o234733455 Monday, January 2, 2012 8:11:06 PM

Should this work?
div class="comment1 ownercomment" id="comment77081142">{display:none !important;}

it doesn't work for me.
It should block Tamil's comment on Monday, December 12, 2011 3:03:59 PM.

Tamil Tuesday, January 3, 2012 4:40:11 AM

Originally posted by o234733455:

How do you block the entire square from this page:

Which square do you want to hide?

Originally posted by o234733455:

Should this work?div class="comment1 ownercomment" id="comment77081142">{display:none !important;}

Nope. 
div#comment77081142.comment1.ownercomment { display:none !important }
or 
div#comment77081142 { display:none !important }

Random User 648432054o234733455 Friday, January 6, 2012 12:46:21 AM

Originally posted by Tamil:

Originally posted by o234733455:

Nope. 
div#comment77081142.comment1.ownercomment { display:none !important }
So it doesn't work. Where is the chain deactivated hmmmmm....

Random User 648432054o234733455 Wednesday, January 18, 2012 9:47:31 PM

Help!

Nothing works.

I can't select code from the crumb bar. It's not mouse selectable and the right click doesn't do anything.
I can't do anything with the code from the "Documents" tab, because...
Any code I write in the css file it doesn't block anything.

I tried code + {display:none !important;}, any code, it doesn't do anything.
Plugins are enabled, also javascript, usermode, css is selected in page preferences. Popup blocker turned off.
I tried a clean version of opera, all the same.

I don't know what to do.

Tamil Thursday, January 19, 2012 2:44:29 PM

Originally posted by o234733455:

I can't select code from the crumb bar. It's not mouse selectable and the right click doesn't do anything.

Select code and use shortcut ctrl+c to copy.

Originally posted by o234733455:

I tried code + {display:none !important;}, any code, it doesn't do anything.

You are doing something wrong.

Random User 648432054o234733455 Tuesday, January 24, 2012 11:19:58 PM

Originally posted by Tamil:

You are doing something wrong.



Hmm. Please make a movie of the procedure. Nothing fancy, just quick to the point.
Would you?

Tamil Wednesday, January 25, 2012 4:15:43 PM

Paste the code in Easy User CSS extension and check.

Abdulaziz Noratabdulaziznorat Thursday, January 26, 2012 2:57:42 AM

Tamil,

Alienzalienyd Wednesday, February 1, 2012 7:09:18 PM

Maybe I've got the wrong idea here, how you want to hide certain comment on this page.
But when I tried this:
#comment79243352 {display: none !important;}

it worked fine!
Probably you've got the wrong name (id, class) from Dragonfly. Note that:
- For 'id', use #
- For 'class', use .
So, in case you want to try, 
.comment1, .comment2 {display: none !important;}

will hide all comments here.
Have fun!

Unregistered user Monday, February 20, 2012 10:43:05 AM

Bob Sacamano writes: How about divs that don't have class or id, just a style? For an example:

Tamil Monday, February 20, 2012 11:15:15 AM

Example?

Unregistered user Saturday, March 24, 2012 12:49:58 AM

Valentin writes: THANK YOU, I had been looking for that for a plenty of time, that's wonderful! =)

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies

Opera

Opera

Opera Blogs

Softwares (Freeware)

  • Opera

    Opera is a fast and safe web browser.

  • PDF-XChange Viewer

    PDF-XChange Viewer is a faster & fully featured PDF Viewer.

  • Notepad++

    Notepad++ is a source code editor and Notepad replacement, which supports several programming languages.

  • StrokeIt

    StrokeIt is an advanced mouse gesture recognition engine and command processor.

  • VLC media player

    VLC media player is a cross-platform media player which supports a large number of multimedia formats, without the need for additional codecs.

  • Ubuntu

    Ubuntu is a linux-based operating system.

  • Avast Home Edition

    Avast is a complete anti-virus package.

  • TrueCrypt

    TrueCrypt is a on-the-fly encryption (OTFE) program for Microsoft Windows and Linux.

  • AutoHotkey

    AutoHotkey is a free, open-source utility that can automate almost anything by sending keystrokes and mouse clicks.

  • Universal AutoCorrect

    An AutoHotKey script that will automatically correct a predefined list of misspellings.

  • XYplorerFree (Last freeware version)

    XYplorerFree is a multi-tabbed portable file manager for Windows.

  • Total Uninstall (Last freeware version)

    Total Uninstall monitors any changes made to your system during the installation of a new application. It allows you to perform a complete uninstall without having to rely on the supplied Add/Remove program which can leave files or changes behind.

  • Dup Detector

    Dup Detector finds duplicate and near duplicate images.

  • IrfanView

    IrfanView is a very fast, small, compact and innovative graphic viewer for Windows.

  • WordWeb Free

    WordWeb is a one-click English thesaurus and dictionary for Windows that can look up words from in almost any program.

  • Autoruns

    See what programs are configured to startup automatically when your system boots and you login.

  • Process Explorer

    Find out what files, registry keys and other objects processes have open, which DLLs they have loaded, and more.

  • Process Monitor

    Monitor file system, registry, process, thread and DLL activity in real-time.

  • VirtualBox

    VirtualBox allows you to run an entire operating system inside your current operating system.

  • Revo Uninstaller

    Uninstall programs even if you have problems in uninstalling.

  • ManicTime

    ManicTime is a time-tracking application that records how and when you use your computer and generates useful statistics and reports from the data.

Softwares (Nagware)

  • WinRAR

    WinRAR is a powerful compression tool with many integrated additional functions.

  • Sandboxie

    Sandboxie allows you to run any program but all changes that result from the usage are kept in a sandbox environment, which can then be deleted later.

Softwares (Shareware)

  • XYplorer

    XYplorer is a multi-tabbed portable file manager for Windows, featuring a very powerful file search, versatile preview facilities, a highly customizable interface, and a large array of unique ways to efficiently automate frequently recurring tasks.

  • Beyond Compare

    Beyond Compare is a advanced file and folder comparison utility.