2

Apologies if this is kinda vague. I am attempting to edit a theme I have purchased, and I am having trouble making the changes appear on my site. I have created a child theme and would like to override some CSS attached to the header. When inspecting the header element I find there is some CSS attached:

.cms-index-index .page-header.type3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    max-height: 100%;
} 

When searching my the theme for this CSS, I found it twice, once in magento2\app\code\Smartwave\Porto\etc\import\pages.xml and again in the file magento2\app\design\frontend\Magento\Porto Theme\app\code\Smartwave\Porto\etc\import\pages.xml.

My assumption is that I need to create a copy of one of these files in my new child theme to override it.

My question is, which of these files should I be duplicating, and after making those edits, what would be the correct procedure for making the edits appear on my site?

KillahB
  • 145
  • 12

1 Answers1

2

I suggest you don't Edit anything directly in your theme because whenever you updated your theme with latest version you will lose all your work.Therefore I will suggest you to create a child theme of your current theme. Here is a good tutorial for it. I suggest you please read it.

Arunendra
  • 7,446
  • 3
  • 29
  • 54