Databases
StackOverflow2013
Postsdbo
POIs there a way I can over ride a web site's CSS with my own?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIs there a way I can over ride a web site's CSS with my own?
    primarykey
    data
    text
    <p>Every day I use a web site which has a really great flash card system for language learning.</p> <p>However, the authors of the site seem to have a really bizarre sense of what makes for good usability. They make font sizes so large that you only get a few lines of text per screen, and you have to scroll down to access buttons. And don't get me started on what it's like to access the site from a mobile device.</p> <p>I've been in contact with the developers of the site, and I have even written CSS and header code for them in order to try and help. While they're nice people, unfortunately they have for months been unwilling or able to make changes.</p> <p>So, I'm going rogue... I want to be able to impose my own damn CSS.</p> <p>I vaguely remember this being a possibility in a Firefox addon, but can't seem to find it now.</p> <p>In any case, because I aspire to use this on my mobile phone as well, here's the ideal solution:</p> <p>I'd like to be able to set up a page on my web server that relays to the source web site, but over writes the CSS and displays it to me with my own CSS.</p> <p>Is this possible? I know some CSS tricks to over write inline styles, but I'm much less clear on how I can set up a web page to relay the content of another page.</p> <p>I hope my explanation and goals are clear. I will try to clarify more if I haven't conveyed any part of this properly.</p> <p>Thank you for any tips.</p> <p>Update: Here is the CSS I've placed in my userContent.css to try and get font size under control.</p> <pre><code>@-moz-document domain(badsite.com) { body { font-size: 12px; } font { font-family: inherit !important; font-size: inherit !important; color: inherit !important; } } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USQuestioner
    1. USQuestioner
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIs there a way I can over ride a web site's CSS with my own?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COFirst, try reducing the zoom. If you can make everything fit just by reducing the zoom to, say 70%, this may be the simplest solution. Many modern browsers support zooming in and out. The web site designers probably have huge high-pixel screens.
      singulars
      1. POIs there a way I can over ride a web site's CSS with my own?
      1. USStephen Chung
    2. COSecond, many modern browsers allow you to attach a "user agent stylesheet" to re-style sites. User agent sheets usualy take precedence over the site's style sheets.
      singulars
      1. POIs there a way I can over ride a web site's CSS with my own?
      1. USStephen Chung
    3. COStephen, if it were only a matter of font sizes, then zooming might work. But we're talking about a lot of styling problems. Also, if I zoom out to make the text a reasonable size, things like buttons shrink down to become ridiculously unusable. Thanks for the suggestions, though.
      singulars
      1. POIs there a way I can over ride a web site's CSS with my own?
      1. USQuestioner
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload