So as my title suggests I'm currently working on a Drupal webform. The issue is that since we started using bootstrap for page styling, the webform looks like crap.
We figured out that by removing the CSS files given by bootstrap our form shows the way it's supposed to.
Anyone have a clue on how to fix this issue? Perhaps a setting where we can say that bootstrap can't override anything existing or something?
Thanks in advance
Have you tried loading the Bootstrap files before your main Drupal styles are loaded? If Bootstrap is loaded into the page after your main styles it will override.
Alternatively, you could customize your Bootstrap download to exclude components you would not like included.
http://getbootstrap.com/customize/
Related
I'm trying to figure out whether it would pay off to use Bootstrap on my existing Wordpress site and while researching it, I came up with the idea that the template I'm using might actually already be using Bootstrap.
I can't see any signs of Bootstrap in my functions.php file or through the FTP, but the template is using classes like these: ".col-md-4", ".col-sm-4". Is that because it was created with Bootstrap or is it just a convention?
Sorry if this is complete nonsense.
That's a classic bootstrap class.
You shouldn't check the PHP files but the css ones or javascript.
It may be a sign.
You can check more bootstrap classes Like container, row, and ...
And for being sure you can check asset files like CSS and JS files, if you found bootstrap css and js files you may be sure of using bootstrap in your template.
You can open asset files it may wrote the bootstrap version in it even.
I have a wordpress theme, and it looks good now, however, I want to add a custom html form to it. But when I put the code in it whith path to its own css and js. The form looks terrible because of the css from the theme.
Is there any plugin or option to fix this or do I need to do it by an other way?
I looked everywhere on the internet but couldt find any solution.
Any help is welcome.
Thanks alot.
CSS means cascading stylesheets, and that's because the CSS from the page cascades downwards onto all the elements on the page. You either have to manually reset the CSS before it hits your form, or you need to embed your form as an iframe to avoid the cascade.
Theme and bootstrap css will override input fields with ton's of styles. You don't have much options but to find and "ran over" problematic styles with your own.
Use !important only if needed.
i'm busy with a Nativescript app, i'm using the core dark theme but would like to add some font-awesome glyphicons and custom css. I import the core dark theme in my global app.css but don't seem to be able to do anything more in that file after importing the theme... I've tried to add page-specific css by adding a component-common.css to a specific page but when I add the styleUrls: [...] declaration to the component declaration I always get a runtime error... Is it possible at all to use custom css ontop of the core Nativescript theme? If so how would I go about it (using css files not inline in the xml)?
Yes, it is possible to use both a theme and custom CSS files.
For example, check this sample where in the same time theme has been applied to the top CSS file.
Better check (and/or post) your runtime error - it might show you the reason why the app is throwing. Perhaps due to non-existing paths for your styleeUrls !?
I am still relatively new to Grails. I am trying to use Bootstrap for the CSS. I have added the bootstrap files to the CSS folder. I have added the plugin. I have added links to the head of the main.gsp as links and the pathing looks correct. But still no joy. I do not want to have a <style></style> in my gsp's. Any advice on how to get the gsp to call the proper CSS?
Hye all
I was trying the free version of sencha API with GWT in base and stumbled upon on the issue of setting color to a button. I tried modifying all the CSS get deployed in the war and tried setting styles also but no luck there. So kindly at least suggest a approach.Thanks in advance.
regards
la_89ondevg
By "Sencha", I'll assume that you mean Ext GWT.
The default styling of buttons in Ext GWT comes from a sprite sheet in the resources folder that came with your download of Ext GWT. Specifically, look at resources/images/default/button/btn.gif. To change the colour of the button, you will have to edit this sprite sheet or create new images for the colour of button you would like to use.
If you are planning to make extensive changes to the style of widgets in Ext GWT, consider making your own theme. Themes are generally placed in resources/themes and can contain your own custom CSS and images. Just link your theme's style sheet in your host page and make sure your CSS rules override those in the default theme.
maybe what you're looking for: http://www.sencha.com/forum/showthread.php?97011-Change-style-for-GXT-button-component