Read the statement by Michael Teeuw here.
Resize custom or main modules
-
@daveyg_71 put these in the css directory - custom.css file…
I would never suggest changing ANY core css file because it could have well not good results then you’ll be trying to fix several problems.
That’s what the custom.css file is for ;)
Not sure if you know but modules are numbered like the example above:
module_8_newsfeedThere is another thread here that explains all that :)
Here’s one and it even has an example custom.css file attached:
check here! -
@daveyg_71 there is only the index.html file, the rest of the DOM will be created during runtime with js. so if you want to manipulate the design with custom.css but you’re not sure about the structure, start the mirror in dev mode
npm start dev
or withctrl+alt+i
then you can inspect the DOM in tab elements or view the mirror in your browser and open developer tools -
@cowboysdude I wasn’t planning on changing the any core css files. Wanted to look at it so I could find the module information like the earlier post then change the custom.css
-
@strawberry-3.141 I was able to view the inspect the html with crtl+shift+I.
my problem is it doesn’t look like the example above.
-
@kirash4 didn’t resize, suggest me another way to resize array
-
@shreyash said in Resize custom or main modules:
@kirash4 didn’t resize, suggest me another way to resize array
When your CSS doesn’t seem to have any affect it’s usually one of two things:
-
your rule is not specific enough, and is being overridden by one that is more specific than yours
-
your rule has typos in it… sometimes it could be the difference of a space.
div.someClass
is interpreted by CSS differently thandiv .someClass
If you haven’t done so already, search this forum for the CSS 101 guide which should help explain the above.
-
-
@j-e-f-f Unable to customize
-
Hi, how can I add more space between lines off weatherforecast?