Skip to content
Watch a live product demo 👀 See how Sanity powers richer commerce experiences
Get help on SlackWatch Sanity demo

How to Override Studio Styles / Alignment

2 replies
Last updated: Feb 4, 2021
👋 Hey all - hoping this is fairly simple ask but it has me confused. I'm working on customising the studio i've put in my logo and adjusted the colours etc.. - The logo size is pushing the navbar container height up (and i'd like to keep the logo at this set size as it looks best) I just want to align the other navbar items (buttons, search etc...) into the middle of the container using align-items: center. It's not obvious how i'd be able to do or override these styles? Help!
Feb 4, 2021, 11:27 AM
you can add custom styles (https://www.sanity.io/docs/styling#overriding-variables-d7f9b5cc2adb ), maybe something like this?

:global([class*="Navbar_root_"]) {
  align-items: center;
}
Feb 4, 2021, 11:48 AM
🙌 thanks
user B
Feb 4, 2021, 11:49 AM

Sanity.io – build remarkable experiences at scale

Sanity is a customizable solution that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Get startedWatch demo

Categorized in

Related answers

Get more help in the community Slack

TopicCategoriesFeaturedRepliesLast Updated
After adding the subtitle and running this code npm run graphql-deploy It does nothingSep 15, 2020
how to limit a reference to just one entry in Studio reference input side versus the default as-many-entries-as-you-fill-in-an-array...Sep 18, 2020
Is it possible to fetch more than one "_type" using GROQ?Nov 2, 2020
I want to add a view with the Structure builder (S.view.component) where I list similar documents based on the title. What...Sep 23, 2020
Is there a structure builder example where the format of each preview for the document list is modified?Feb 3, 2021
I have an array of references to a country schema type but it always just returns NULL values for meJan 30, 2021
Hi, I need help with a query for getting the url of an image asset. Here is what I've been trying, but I only get the _ref...Dec 1, 2020
Sanity UI looks brilliant :smiley: Is something like the current date picker possible at the moment? I’m not sure if anicon...Dec 21, 2020
Hey everyone. I have been coding and may have potentially accidentally deleted something. Does anyone know how to resolve...Dec 26, 2020
Hello everyone and happy new year :raised_hands::skin-tone-2:, I have a problem with outputting Portable Text :disappointed:...Jan 1, 2021

Related contributions

Clean Next.js + Sanity app
Template

Featured
Official

A clean example of Next.js with embedded Sanity ready for recomposition.

Cody Olsen

Blog with Built-in Content Editing
Template

Featured
Official

A Sanity-powered blog with built-in content editing and instant previews.