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?