0

We have designed My account page using HTML. Now we have to implement the same design on our website.

In order to get the same design, where I have to modify the CSS?

Could anyone please help me with this?

10
  • Did you created any custom theme ? Oct 17, 2019 at 10:18
  • No, we have extended the luma theme
    – MagentoDev
    Oct 17, 2019 at 10:18
  • Yes, means in app/design directory you've replicated Luma theme Right ? Oct 17, 2019 at 10:19
  • We haven't placed all the files and folders on our theme. Also, please tell me in which file I have to modify the CSS.
    – MagentoDev
    Oct 17, 2019 at 10:21
  • 1
    It means you have your custom theme in app/design/ directory. Am I Right ? So, I'll let you know how can you add your custom css there. Oct 17, 2019 at 10:24

1 Answer 1

1

You can create this file in your custom theme here

app/design/frontend/Vendor/Theme/Magento_Theme/layout/default_head_blocks.xml

Content for this file is ..

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="css/custom.css" media="screen" />
   </head>
</page>
  • After adding above xml file you can create your custom.css here..

app/design/frontend/Vendor/Theme/web/css/custom.css

You can add your css in above file.

  • After doing this please run below commands
php bin/magento cache:clean
php bin/magento cache:flush
  • And refresh your frontend. You can see your custom css there.

Hope this works for you.

12
  • Thanks. Let me try and update you
    – MagentoDev
    Oct 17, 2019 at 10:36
  • Okay let me know, if this solution works for you then. :) Oct 17, 2019 at 10:59
  • Please approve this answer if this solution will works for you. Thanks :) Oct 17, 2019 at 17:03
  • Yes, I will do it. I have some query. When we create myaccount design in html, we have added our own class names. Now we can add these class on our Magento.?
    – MagentoDev
    Oct 18, 2019 at 6:54
  • 1
    I'll help you here if you have any query. Oct 20, 2019 at 12:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.