Issue #811💬 AnsweredOpened January 27, 2018by RiyaThete0 reactions

CSS Gets deleted

Quick answerby JulyanoF

@RiyaThete to load css into editor, you need to insert it on grapesjs init, something like that: Or if you want to include css inline:

Read full answer below ↓

Question

I have a website with multiple web pages (results-page, category page, home page) and a common css file for all pages (all.css).Within this css file : webpage (classes used) Home page ( class A, class B , class C) Results Page ( class B, class X, class Y ) Category page ( class R, class S , class X) When I load results-page in grape.js' editor using import plugin, I copy the entire all.css file and place it at the top of results Page in <style> tag. Without making any changes I exported the zip using export plugin and I noticed that the css file within zip has only following classes : A,B,X,Y...

Answers (3)

JulyanoF• January 29, 2018

@RiyaThete to load css into editor, you need to insert it on grapesjs init, something like that: Or if you want to include css inline:

RiyaThete• January 30, 2018

@JulyanoF I tried this solution but this does not load all the classes of all my web pages.. it just loads all of the results page and few classes from other pages

artf• January 30, 2018

deleted few classes[ unable to understand why so ] Not used classes are not rendered The suggestion proposed by @JulyanoF is the valid oneit just loads all of the results page and few classes from other pages You can use as many styles you need

View full discussion on GitHub →