I've got a problem with aggregating my css in Drupal 7. I work on Adaptive theme and I'm using responsive stylesheets on my website.
When I check "Aggregate CCS" in drupal administration, my website appears as desktop styles.
Is anybody has a issue ?
Thank you
As far as I can remember, in this particular template you should save the template settings after css changes has been done.
Related
In the micro-frontend every application would be running separately, in that case, each one of the applications will be having its own CSS.
Let's assume we are taking MUI as the UI library. So each application that uses MUI will be having its own theme provider.
Now the stakeholder wants to change the button's color from blue to black, in this scenario I have to manually go and change the color to each one of the applications separately.
Do we have to do like this only or any other pattern is available in Micro-Frontend to solve this Design System issue?
Please help me with your suggestions !
You can create a theming package for your micro-frontend apps. This package provides a theme object for Mui ThemeProvider. It can have some default theme properties and some additional (editable) properties which from an API.
Then you need a portal where your client or stakeholder can edit the theme, from some theme editor app. Basically, that will UPDATE your theme object (database).
Your package will GET those changes and update all your micro-frontend apps. I have seen a similar kind of implementation in a Turborepo app.
I am using the Mayo theme and love it except that I do not want it to be responsive on the desktop. (I am using it for mobile devices.)
Does anyone have guidelines on how to remove the responsiveness?
If you want to use Mayo theme for device only, you should use Mobile Theme module to specify the Mayo to use only for the mobile devices. For the desktop then you can use other available Drupal themes.
I need to create a new application widget using bootstrap 3 and other web technologies like angular etc. I know that the new version of bootstrap is responsive. My understanding after reading the documentation is that the widget that I will create will automatically be responsive. I don't need to do anything special to make it responsive. However If I want to make it non-responsive then I need to make necessary changes to disable this functionality of bootstrap 3.
Can you please let me know that whether my understanding of Bootstrap in this regard is correct or not?
I think this will help you to understand more about Bootstrap.
You mentioned "widget that I will create will automatically be responsive". But if you not apply Bootstrap CSS rules in your widget, it will not be responsive even it in inside of Bootstrap template.
We have to apply Bootstrap CSS rules in our design to take effect and be responsive. If you do not want a particular element to be responsive, apply your own CSS rules or media queries on breaking points that you want...
Link for Bootstrap CSS http://getbootstrap.com/css/
Hope this will help you. Cheers! (='.'=)
This is all you need to do:
Steps to disable page responsiveness
Omit the viewport mentioned in the CSS docs
Override the width on the .container for each grid tier with a single width, for example width: 970px !important; Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
If using navbars, remove all navbar collapsing and expanding behavior.
For grid layouts, use .col-xs-* classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.
You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed). This disables the "mobile site" aspects of Bootstrap.
Bootstrap template with responsiveness disabled
We've applied these steps to an example. Read its source code to see the specific changes implemented.
Not Responsive Template: http://getbootstrap.com/examples/non-responsive/
If someone can help me with this I will be eternally grateful. Recently I have started an on-line magazine using virb.com to host the site. I have done some basic css alterations to their theme but run into a problem when the theme automatically re-sizes itself for mobiles or even if the browser window is shrunken down. The content goes all whack, probably because of my css alterations. Is there a way that I can disable the responsive theme from resizing or fix my css so it doesn't discombobulate or even just have different page display for mobile users that says something like 'not available for mobile'??
Thanks,
Patrick
I am currently working on drupal responsive theme.For this I am creating my own custom theme.
For making it responsive I have used twitter bootstrap. I have used carousel plugin for slideshow which works well in html.
The images in the slideshow are static that is I have hard-coded there path.But in drupal I want to choose images dynamically as in wordpress or joomla module.
Is it possible? If it is not than is there any slideshow module for drupal which can solve my problem?
Thanks in advance
FlexSlider is an excellent module for this. Unfortunately it's not quite as configurable as Views Slideshow, but Views Slideshow requires hacking to get it responsive as it inserts width/height attributes directly in the DOM.
if I understood right, try to add the "img-fluid" class to the image and don't set the width for any container