In shopify while using custom theme the shopify app functionality and css not working, Its taking the theme css as default - shopify

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.

Related

How host locally Material Design Iconic Font into a vue app

I have developed a Vue 2.6 SPA using Vuetify and Material Design Icons that is included as described here, but some elements of the SPA (partially derived by a public template) use also "Material Design Iconic Font". I would like to host locally the "zmdi" icons, instead of using CDN, and following the instructions reported here I installed this additional icon pack using:
npm install material-design-iconic-font
I don't know how to correctly include "zmdi" icons into the VUE app.
Could anyone suggest the easiest way to host Material Design Iconic Font within the VUE SPA?
I finally solved using
import "material-design-iconic-font/dist/css/material-design-iconic-font.css";
into "main.js".
I have to include something else into "vue.config.js" to instruct webpack to correctly handle this css file?

Can I style the Netlify CMS preview with Theme UI and/or Emotion?

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.

Template edit option not found in back end after apply stencil theme : Bigcommerce Stencil

I have developed stencil theme and apply on live store.
After apply stencil theme, Not found template edit (edit html/css) option in back end like below URL:
https://support.bigcommerce.com/articles/Public/Accessing-and-Customizing-Template-Files
Can any body help me ?
In the link you provided, it denotes that those instructions for edit html/css options are only available in browser for blueprint themes at this time.
Stencil themes are uploaded as archive (.zip) files and do not interact with webdav in any way.
Support is still pending for downloading of themes, which would be required in this case since you are using a theme from the marketplace.
For info and updates, review: https://stencil.bigcommerce.com/docs/new-and-pending-features

How to make twitter Bootstrap Plugin Wordpress take effect

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?

Is it possible to include fonts in an app bundle and make them available in a UIWebView

I'm working on some HTML5 content to be included as part of an iPad app in a Web View and it requires some custom fonts which I was attepting to implement via CSS and #font-face
As I understand it, Mobile Safari only supports SVG fonts, but my testing has shown Mobile Safari to really struggle with SVG and the performance hit is a serious issue.
So... is it possible to put fonts in the App Bundle and somehow make them available to the webview?
Yes it is. Include the fonts in the App Bundle and in the app-info.plist use
"Fonts provided by application"
and provide the file name for each font.
Looks something like this...