Questions tagged [inline-styles]

An inline style is one that is defined within an element that the style applies to. This is not specific to HTML so please include the appropriate language tag as well.

389 questions
7
votes
3 answers

Tool to Convert External CSS to Inline CSS in Ruby?

I am messing around with GoogleDocs and it has very very primitive CSS support. If you upload an MSWord .doc or an HTML file and export it as HTML, all styles are applied inline. They have a style block in the html file, but when you upload the…
Lance
  • 75,200
  • 93
  • 289
  • 503
6
votes
4 answers

Wordpress tag cloud: how to remove inline style for font size?

Is there a nice way to remove the inline style from wordpress tag cloud tags? I'd like to set the same size for all tags and do not want inline styles at all if I can help it. Thanks
Natural
  • 73
  • 1
  • 4
6
votes
2 answers

How to remove/unimport inline CSS with Webpack?

Ok, I have imported a css file with Webpack style-loader and css-loader like this: import './style.css' And Webpack append it to my page via style tag. So far, so good. But, when the state of application change, I want to remove this particular…
Damjan Pavlica
  • 31,277
  • 10
  • 71
  • 76
6
votes
3 answers

Remove specific inline style with jquery

There's an asp menu I'm using that is auto inserting style="width:3px;" into my menu table tds creating a nasty gab in between my tabs. I'm testing to remove this inline style with jquery instead of our developer customizing the menu just for this…
Evan
  • 3,411
  • 7
  • 36
  • 53
6
votes
1 answer

Using inline style string with ClojureScript, Om, and React.js

I want to use this Om snippet in my ClojureScript application: (dom/img #js {:className "img-circle" :src "data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" :style "width: 140px; height…
David J.
  • 31,569
  • 22
  • 122
  • 174
5
votes
3 answers

Not able to implement strict Content Security Policy with Google maps APIs

I am getting below error multiple times in the console of developer tool of chrome for common.js file of maps.googleapis.com- common.js:15 Refused to apply inline style because it violates the following Content Security Policy directive: "style-src…
5
votes
3 answers

React - How to avoid this kind of inline styling

At the top of my functional component, these values are set which are not used only in styles, and that's what's bothering me: const testWidth = 100; const testHeight = 100; I use some of those variables in my styles... I would like to move my…
Roxy'Pro
  • 4,216
  • 9
  • 40
  • 102
5
votes
2 answers

How to create multple fallback attributes via inline styles in React?

For example, I have the following CSS: .myClass { background: -moz-linear-gradient(left, #FFF 0%, #000 100%), url("http://www.extremetech.com/wp-content/uploads/2011/06/firefox-logo-huge.jpg"); /* FF3.6-15 */ background:…
modulitos
  • 14,737
  • 16
  • 67
  • 110
5
votes
1 answer

Are there alternative to '@font-face', for universal JS & React

My app is a universal JS, React app, I am styling using radium and would like to avoid using css modules if possible. Is there a way to achieve this? this is what I have tried so far. using react-helmet to set @font-face in the header, didn't work…
Richard
  • 51
  • 3
5
votes
3 answers

Is it acceptable to use the !important directive in this case?

I dynamically populate a ul by getting data from a DB and using a template engine (mustache) like so: var template = '
5
votes
2 answers

Including critical path CSS extraction in my build

After reading up on critical path css, I was wondering how I could embed this into my builds. Are there any finished tools out there that does this already? The process needs to be automatable to avoid the inline CSS getting out of sync with other…
oligofren
  • 20,744
  • 16
  • 93
  • 180
4
votes
0 answers

remove scoped/inline styles from head, Vue JS

I've pulled in this Vue music player component, and I would like to know if its possible to remove the styles it adds to the of my doc and move them to a singular css file. Here is the importation of the component in one of my…
Robert Tillman
  • 993
  • 2
  • 10
  • 20
4
votes
2 answers

Tracking Down JavaScript that Applies Inline Style on Page Load

I'm managing a DNN site and trying to find the source of a "width: 100%" inline style being applied to certain elements on my home page. There's a whole mess of JS libraries included in DNN that are difficult to manually parse through, but I've…
4
votes
3 answers

removing inline styles in wordpress "recent comments" widget

I am working on a wordpress website and I am using _tk starter theme which is based on "Underscores" and Bootstrap. I was styling the widget area from scratch, so I gave margin and padding = 0 to override bootstrap styles. The problem is this worked…
Vivek Padhye
  • 731
  • 3
  • 13
  • 26
3
votes
1 answer

Branding ForeFront TMG

Recently I've been asked to brand a couple clients' ForeFront TMG login screens, and I was rather shocked seeing it all being pure HTML and inline-styling. Does there exist any tools aimed for branding the forefront TMG (I don't need to change any…
user557419
1 2
3
25 26