I have downloaded and activated the Twitter Bootstrap Plugin but I am confused as to what it involves.
I currently have the default Twenty Thirteen theme active and I assumed that the Bootstrap plugin would just override its settings.
Do I still need to download a Bootstrap THEME as well as the PLUGIN if I want the appearance of the website to come from TB and not the Twenty Thirteen? How to I get rid of any pre-existing themes so as to get Twitter Bootstrap to build the interface without manually modifying the code?
Related
We have used a custom theme which is not available in shopify theme store, We have used Help Center Faq app to display in front end, But the App css and functionality is not working and not even displaying the template selected in Help Center Faq app. Its displaying the custom theme functionality and css as Default Is there any way to override the custom theme css and functionality and to use the app css and functionality
The app should have a supported template list, contact the app support team.
Additionally, it seems your theme css it's overriding the app files. That's the reason why you shouldn't use unsupported themes unless you know what you are doing. Nevertheless, you can disable the theme css by creating a new layout file without the main css file in the header and only using the app css specific for that page.
As part of an agency project, we are working on a PWA that needs to be able to change its theme if an api tells it to.
The pwa already builds its manifest.json from the information returned by our api (via a nuxt plugin executed before rendering).
For theming we have several tracks but this deposit seems to be a good example of what is feasible : https://github.com/adrianjost/nuxtjs-theming
Is it possible via a nuxt plugin (or a module via hooks) to modify the currently selected theme? (i.e. to tell our PWA to get its views first in the selected theme folder) ?
As of right now, it looks like this is not doable with #nuxtjs/pwa module, but you can maybe get some inspiration to make your own solution.
Give a read to this answer and the thread overall: https://github.com/nuxt-community/pwa-module/issues/225#issuecomment-769880254
Having to manually handle workbox may be a solution: https://github.com/nuxt-community/pwa-module/issues/459 or use a totally hand-made solution of course.
I have a Gatsby project that uses Theme UI and Netlify CMS.
How can I style the Netlify CMS preview pane with my Theme UI styles?
Netlify CMS doesn't support CSS-in-JS libraries:
https://github.com/netlify/netlify-cms/issues/793
Unlike Styled Components, it doesn't seem possible to convince Emotion to inject its styles into the Netlify iframe, either. There does appear to be some support for injecting raw CSS into the preview iframe:
https://github.com/netlify/netlify-cms/pull/1162
But so far I can't seem to figure out how to make any of this work together on my own.
I have a Vue app that uses Vuetify. When I'm running the development server on MacOS Mojave, the page opens with a dark theme that I certainly didn't put anywhere into the styles. Besides using the dark theme, there are some components missing from the view.
If I open the app in a Firefox private window, I get the light theme and everything works as expected.
I noticed a few items in local storage that seem to be related to this:
No results show in google for the "darky" keys (darkyMode, darkyState and darkySupported). I'm not sure what writes and/or reads these keys and changes the theme to dark.
Other packages I'm using are leaflet and SVGjs.
I am having trouble with branding the application in cumulocity.
I tried to test branding by cloning the cockpit app to use our Branding.
If i see in the manage application window i am not able to customize the branding/logo. I don't see the option to customize the branding Although i removed the cumulocity branding plugin from the app now I only see the name of my application as the logo.
In the plugins window i saw only cumulocity branding, nothing for custom branding. Can you please correct me if i missed something?
Here is how I would do it. Clone or download the cumulocity-ui-plugin-examples from the cumulocity repository then:
Go to plugins folder
Find myBranding folder
Now go to the img folder and changes the logo-main.svg and logo.svg for your desire logos. Also, you can check the colors.less file in the variables folder and change the colors of your application UI.
Now go to the main folder (where you download the repository) and run c8y deploy:plugin myBranding. This command create a .zip file of the plugin.
Next, go the administration app in Cumulocity , find the app your cloned and click on edit, then go to the plugins tab. There you can find the list of the plugins that your app is using.
Find the Branding: Cumulocity plugin and click on remove like .
Next, in the same menu, click on add plugin.
Look on your computer for the .zip file you create on the 4 step and load it.
Click on save.
Open your app.
Note: If you haven't installed the c8y tool and assuming you have installed nodejs , just run npm i cumulocity-tools -g to get the tool. See this great documentation for more info.
You can find a documentation related to this in: branding guide.
Hope this helps!