[OJS 3.2.x] Change menu color on Health Sciences theme

Hello everyone,

I would like to change the menu color as white, see the image. How can I do it?

Ads%C4%B1z

hello @Gokmen_ARSLAN . I would like pizza.

What OJS version are you using?
What theme are you using?

Thanks

if you are using the default theme/ default child theme in OJS 3.2.x the less variables are:

.pkp_site_nav_toggle>span:before,
.pkp_site_nav_toggle>span:after {
background:red // change to whatever color that you desire
}

.pkp_site_nav_toggle > span {
border-bottom: 3px solid #f00; // change to whatever color that you desire
}

Thank you for your reply.
I use OJS 3.2.03 with health science theme.

@Gokmen_ARSLAN

.navbar-toggler-icon {
background-image: url(“data:image/svg+xml,%3csvg viewBox=‘0 0 30 30’ xmlns=‘SVG namespace’%3e%3cpath stroke=‘rgba(0, 0, 0, 0.5)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3e%3c/svg%3e”);
}

the Health Sciences theme is using navbar-light navigation menu. If you only wanted to change the hamburger, you can change the color variable above, and inject it thru css.
see this for further details

2 Likes

Thank you for your reply.
I am modifying but cannot do. I want to do “white”

try changing with this value

rgba(255, 255, 255, 1.0)

helpful for coloring see this.

I changed but it doesn’t work.

.navbar-light .navbar-toggler-icon {
background-image: url(data:image/svg+xml,%3csvg viewBox=‘0 0 30 30’ xmlns=‘SVG namespace’%3e%3cpath stroke=‘rgba(255, 255, 255, 1.0)’ stroke-width=‘2’ stroke-linecap=‘round’ stroke-miterlimit=‘10’ d=‘M4 7h22M4 15h22M4 23h22’/%3e%3c/svg%3e);
}

have you tried clearing template cache and refreshing browser?

Yes. I did but there is an error as “rule is empty” in .css file

looking at it again, your css is missing a quote “”

background-image: url(“data:…3e”);

2 Likes

Thank you Berkala_Arkeologi
Now, it is okay.

Stay safe and well!

1 Like