Skip navigation.

Opera FAQs, Tips, Tricks & Tweaks

Cool tips for Opera browser

Use user style sheet to modify the look of a website in Opera

Wednesday, 1. July 2009, 15:26:01

, , , , , , , , , , , ,

A user style sheet is a text file with CSS declarations. It allows you to have control over the look and feel of website. It can be used to hide annoying things like ads, change fonts and colors, etc.

!important declaration should be added to a rule to take precedence over author style sheet.

User style sheets can be applied to all sites Tools > Preferences... > Advanced > Content > Style Options... > My style sheet (restart required to apply style sheet) or per-site basis Right click on a site > Edit Site Preferences... > Display > My style sheet (reload required to apply style sheet).

Example 1: Hide friend request link in My Opera

My Opera friend request link in top bar
My Opera friend request link in top bar

  1. Create a text file with the following and save preferably inside profile\styles directory with CSS file extension. 
    /* Friend request */
#friendrequest { display: none !important; }

    CSS to hide friend request link and share this button
    CSS to hide friend request link and share this button

  2. Add path to CSS file in site preferences.

    Path to CSS file in site preferences
    Path to CSS file in site preferences

  3. Reload page to apply style sheet.

    My Opera friend request link hidden by CSS
    My Opera friend request link hidden by CSS

Example 2: Hide sponsored links in Google

Google Sponsored Links
Useless Google sponsored links

Google sponsored links can't be blocked by content blocker but it can hidden by following CSS code. 

/* Top sponsored links */
#tads { display: none !important; }

/* Side sponsored links */
#mbEnd { display: none !important; }

Thank you LéazzHide Opera title bar

Comments

Pattelito 1. July 2009, 15:36

HEHE tamil. I Think you really need it :smile:

angel292005 1. July 2009, 16:09

Oh thank you so much! I have been waiting for this. Top notch!

ZAHEK 1. July 2009, 16:10

:-) nice.

samfresco 1. July 2009, 17:12

Thanks! Very useful! :happy:

el_esponjoso 1. July 2009, 18:10

500 friends!
wow!

Nerak 1. July 2009, 20:20

w00t! Flippin' awesome! :yes:

drlaunch 1. July 2009, 20:58

I see what you did there. :left:

On a more serious note, I think people need to realize that they don't make friends by adding random people. If you're a devoted member you make real friends, who'd be friends no matter where you meet them on the web.

Either way, I've been using user CSS to fix sites for a while. Thanks for sharing this guide for the rest of web surfers.

Pattelito 1. July 2009, 21:43

I agree totally drlaunch

SouthernCross 2. July 2009, 14:58

Maybe it's time for me to clean out my friends list. I've been adding people cause that link bothered me. :right: Now I know how to remove it. P:

Tamil 2. July 2009, 15:04

Originally posted by Pattelito:

I Think you really need it

Originally posted by drlaunch:

I think people need to realize that they don't make friends by adding random people.


Originally posted by SouthernCross:

I've been adding people cause that link bothered me.

Dava 2. July 2009, 15:27

Good work Tamil. Coupled with the CustomiseGoogle UserJS, the Google tweak is excellent.

Dava monkey

drlaunch 2. July 2009, 21:44

You can ignore friend requests with the "Ignore" button under the request, and you won't see the friend request again. Maybe unless the person makes another request?

But at least, this isn't the same as ignoring the person, which can be done with the "Block" button. No more annoying messages from the person.

angel292005 3. July 2009, 10:43

Originally posted by drlaunch:

You can ignore friend requests with the "Ignore" button under the request




I have too many too ignore. I would rather just hide the notification. :devil:

Tamil 3. July 2009, 14:21

Originally posted by angel292005:

I would rather just hide the notification. :devil:

:yes: and save time.

ellinidata 4. July 2009, 22:48

thank you for all the good wishes Tamil :heart: I am very fortunate to have friends like you!
Thank you also for always sharing knowledge and bananas :smile:


Tamil 4. July 2009, 22:54

ellinidata 4. July 2009, 22:55






5 for starters p:

ellinidata 4. July 2009, 22:58

darn it! I shouldn't have gone away for so long ! :lol:

here:





:D

Tamil 4. July 2009, 23:02

ellinidata 5. July 2009, 00:42

hahahahahahahha great to have the "Tamil thingies" around p:
they never fail *hugs*

P30Carl 14. July 2009, 09:03

I don't know where should I put this CSS code :frown: in urlfilter.ini?

Tamil 14. July 2009, 09:19

Put it in a new file with CSS extension.

Chas4 16. July 2009, 19:50

A great example of User CSS banana banana banana banana banana banana banana banana banana banana banana banana banana banana

Tamil 16. July 2009, 23:34

P30Carl 17. July 2009, 02:43

Originally posted by Tamil:

Put it in a new file with CSS extension.


And what to do next? (I'm sorry; I'm a newbie in CSS)

Tamil 17. July 2009, 07:15

See example 1 in post.

Chas4 17. July 2009, 16:50

:nanners: x 15

P30Carl 18. July 2009, 15:13

Originally posted by Tamil:

See example 1 in post.


That's not so hard. Thanks a lot. banana

Tamil 19. July 2009, 03:07

Anonymous 20. July 2009, 17:43

koriko.tcheni writes:

I am very happy

Anonymous 29. July 2009, 07:49

mithun writes:

some thing rocking

migawka 8. August 2009, 22:49

Tamil, how to hide sponsored links in Gmail?!

Tamil 10. August 2009, 21:22

Use the following code. 
.nH .u5 { display: none !important; }

00mx600 16. August 2009, 04:08

Thanks very much for the amazing post

but how could i know codes by myself?
pleasw tell me the way to do it

Tamil 16. August 2009, 08:40

Originally posted by 00mx600:

how could i know codes by myself?

You have to learn CSS.

migawka 17. August 2009, 23:27

Originally posted by Tamil:

Tamil # 10. August 2009, 23:22


Use the following code. 
.nH .u5 { display: none !important; }


thanks!

Mithos 5. September 2009, 03:43

Okay, i test it and it don't work. I searched the quellcode and add these lines to your code example for google:

#rshline {display: none !important;}
#mbEnd {display: none !important;}
.std {display: none !important;}

But it don't work either...

ste-ven 4. October 2009, 06:27

Tamil.....what if we would have an irc room on the right bar of the blog ? !!!!
it would be great, especially if we could put an operaNet room :rolleyes:

Tamil 4. October 2009, 12:26

Opera Web Chat :wink:

drlaunch 4. October 2009, 14:40

He's asking about a technique I'm using to add additional menu items to a blog. The problem is that the menu items are relative to the page and might not appear correctly in the menu. Here's a collection of information I've shared about it:

http://my.opera.com/drlblogdesign/blog/show.dml/1376209#comment10097527

http://my.opera.com/drlaunch/blog/show.dml/3069374

Before anyone attempts it, be warned that it can be extremely difficult to make it look just right on your page.

tunayx 1. November 2009, 14:56

Selecting CSS file in site preferences doesn't do any chance (reload, restart) in version 10 though selecting via view menu makes chance. How to make it work for a specified site?

Tamil 1. November 2009, 15:29

Originally posted by tunayx:

Selecting CSS file in site preferences doesn't do any chance

Are you sure? Works for me in Opera 10.

tunayx 1. November 2009, 16:20

Yes site specific never works for me. I want to "fit to width" some sites' both text and images. Is there a user script to do this?

Tamil 1. November 2009, 16:46

Nope.

tunayx 1. November 2009, 17:39

I fixed it. Now I need a css only makes fit to width. Or 600 pixel width page. It shouldn't change any other layout settings. Can you help?

Tamil 4. November 2009, 09:41

Nope. :frown:

ste-ven 5. November 2009, 09:24

Tamil, the page background, here, is white and some comments background is green
How could i make the whole page background green ?
can you give a code for the page background ? :smile:

Tamil 5. November 2009, 09:42

Go to customize design page and change page background color.

ste-ven 5. November 2009, 09:55

you obviously don't want to say anything

i have already changed that one, i mean THIS ONE on which i write right now
Thank you anyway

drlaunch 5. November 2009, 11:15

Originally posted by ste-ven:

How could i make the whole page background green ?



Originally posted by Tamil:

Go to customize design page and change page background color.



Originally posted by ste-ven:

i mean THIS ONE on which i write right now



Tamil answered your question perfectly. Try to be a little more exact when asking questions, so people won't have to read between the lines for hidden meaning.

1 2 Next »

Showing comments 1 - 50 of 54.

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

Download Opera, the fastest and most secure browser

Photos

Halloween Hunt 2007 18.jpgHalloween Hunt 2007 06.jpgHalloween Hunt 2007 10.jpgHalloween Hunt 2007 13.jpgHalloween Hunt 2007 20.jpgHalloween Hunt 2007 04.jpgHalloween Hunt 2007 09.jpgHalloween Hunt 2007 07.jpgHalloween Hunt 2007 03.jpgHalloween Hunt 2007 01.jpg

Countdowns

165 days until 16th birthday to Opera Desktop

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.

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.