in tutor, I working with lettest release Olive and now I want to need some changes in the header and footer which will come for mfe like the courses page, Discussion, profile and so more. so I figured out tutor mfe header and footer coms from this repo so I need to fork this below repo and do change…

How to change the footer and header color using @edx/brand package in tutor Fork @edx/brand package and make the changes: file _overrides.scss (for example to change the background color in header use class) .site-header-desktop , .learning-header{ background: #B6AEE1 !important; } _variables…

it is very useful everyone can try it If need to customize the header & footer and also customize related mfe.i also try this all way and all of us work for me for a couple of days ago. [Screenshot from 2023-04-15 15-59-56]

Hola disculpa tengo el mismo problema, si no es mucha molestia como lo pudiste resolver ? Estoy intentando modificar mi encabezado y pie de página pero aún no encuentro la forma, agradecería tu apoyo

Hola @Yibran_Vazquez , el comentario de arriba https://openedx-uploads-dedalo.s3.amazonaws.com/cssvars/d84c6f6c-e9cf-4677-884d-b301deb8c411.css tiene algunas indicaciones, trata de seguir los pasos y ver si te funciona. Saludos.

@Yibran_Vazquez can u please use the English language so we can understand your problem and give u an answer?

Hello. This is the closest post related to my question so far, so I would like to ask it still. Same principle of editing the tutor mfe header and footer, I want to edit tutor mfe payment template. This is the page where it goes to upon processing payments https://apps.local.overhang.io/payment

Hi @Engr_James_Lusuegro , The thing that you want to achieve is to modify the code in the MFE, right? I haven’t worked with other tutor plugins, and hopping I understand your question correctly, the steps that you should follow are these ones How to set your custom fork repo of mfe discussion app c…

[image] dcoa: I haven’t worked with other tutor plugins, and hopping I understand your question correctly, the steps that you should follow are these ones How to set your custom fork repo of mfe discussion app changes on tutor instead of these whole steps just do it below and set it according…

can please share the standard way to customize the header and footer with the steps so it is easy to customize? and also share the production-based steps for the same. started one discussion for that [image] How to customise header and footer in tutor MFE in a standard way Tutor …

@Komal_Raval The problem is already solved please follow the above steps exactly.

How to customize header and footer in tutor mfe

Site Operators Tutor Help

Yagnesh April 15, 2023, 5:30am 2

the issue is resolved.

Topic		Replies	Views
Cannot get my forked frontend‑component‑footer to show in Tutor dev – changes invisible & no build‑mounts Development	17	258	August 27, 2025
How to customise header and footer in tutor MFE in a standard way Tutor Help how-to , tutor , tutor-mfe , nutmeg	0	353	November 21, 2023
Tutor MFE custom theme/styling help Tutor Help tutor , mfe , tutor-mfe	10	993	October 9, 2025
Modify tutor open edx mfe indigo footer Tutor Help how-to , tutor , tutor-indigo	6	275	September 5, 2025
How to customize login page and learner's dashboard using indigo theme Site Operations Help how-to , tutor	22	1781	June 6, 2024

How to customize header and footer in tutor mfe

Related topics