Issue #783Opened January 21, 2018by RiyaThete1 reactions

[QUESTION] Removing certain css

Question

QUESTION

My site consists of various webpages like home-page, category-page, results-page etc. The css for all the pages are in a single css file (all.css). I am trying to load a single webpage (results-page) for editing by using the import plugin. Without making any changes I exported the html and css by using export plugin. I noticed that the 'certain' css properties of pages besides results-page are missing in the exported css.

I want to make few css changes in the results-page and replace the exported css file with my existing all.css . But I am unable to do so because certain css properties are deleted.

Someone please help me resolve this issue.

Answers (2)

JulyanoFJanuary 22, 20181 reactions

You can put your css inline like this:

<div id="gjs" class="overflow-y max-height-50vh">
    <style>
        img {
            width:100%;
        }
    </style>
</div>

Or import a .css file, like this:

grapesjs.init({
container : '#gjs',
canvas: {
        styles: [
            'all.css'
        ]
    }
});
lock[bot]September 18, 20190 reactions

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.