Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Overriding embedded style sheets

Featured Replies

Hey,

 

I'm working on a site that pulls in Twitter and Facebook feeds. There is an embedded style sheet coming in with the Twitter feed - how do I override this? Adding syles to the style sheet hasn't worked for me.

 

Any suggestions appreciated,

 

Cheers :)

are you using more specific selectors, is your included *below* the twitter included css? You can also try !important on your rules to override.

Often we think of inline styles as a way to override styles we set up in the CSS. 99% of the time, this is the case, and it's very handy. But there are some circumstances where you need to do it the other way around. As in, there are inline styles on some markup that you absolutely can't remove, but you need to override what those styles are. This could be markup that is being inserted onto the page from foreign Javascript or perhaps generated from the bowels of a CMS that you cannot control easily.

  • Author

Hey,

 

Thanks for the replies, think the styles are coming in with the Twitter API? I don't even know if that makes sense! It's an app with a Twitter feed wideget basically....I can't link to the site unfortunately due to restrcitions from the client.

 

I will try !important in the rules and see if this works.

 

Cheers!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.