Question 6490 in Magento Question posted in
The official documentation can be found here.

How do I change CSS in Magento 2?

The website has a blog and I want to make a font a bit larger. How do I find the right CSS to change?

I used to do it in WordPress. You would just go inspect element, find .body and change font-size to 16px or whatever you want.

In Magento2 everything is in line 2.

Answer: You need to install gulp. After you install gulp you have to find where he stores his CSS. After that you need to run gulp so he can process it and viola.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Solution: You need to install gulp. After you install gulp you have to find where he stores his css. After that you need to run gulp so he can process it and viola.


  2. 0

    The answer to your question is :

    You should not edit/modify files within pub/* or vendor/* directory.
    Pub is for deployment and vendor is for default structure, which you
    override via your template or custom modules. Instead:

    • create a new theme inside app/design/frontend/{vendor}/{yourTheme}/. You can use Blank or Luma
      theme. You can also create new theme which inherites from Blank
      (inheritance is defined within theme.xml). If you are already using
      some theme then skip this step.
    • edit .less within your theme so the changes stay visible and don’t get replaced when clearing the cache or upgrading the system.
    • Use grunt to compile your .less into deployment files.
    • You can also setup sourcemaps to pin point your styling within the theme .less files so you can be more productive.

    See here: https://magento.stackexchange.com/a/96480

    Personally i would advise you not to modify an installed theme, because after an update you will probably need to do it again.
    If you know some CSS it should not be hard to make it in another theme.

    Does it help ?

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search