We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Dawn Theme - How to set default color for custom pages?

Dawn Theme - How to set default color for custom pages?

PunkOuter
Excursionist
36 1 25

Hello! Under our Online Store, we have some "Pages" we've set up there. Those pages are then linked to in our store through a menu item. Under the newest Dawn theme which we are migrating over to, we are not seeing a way to set the default colors for these pages. There are color settings for blogs, product pages, collection pages, etc., but not for regular old pages. Dawn is defaulting to a white background with black text and the title to the left. I feel like I must be missing something obvious! Searches in the forum here tend to pull up people needing help for those other sections which are working fine for us.

Is there something I'm missing in the Dawn settings or will this require hard coding in one of the jss or liquid files? If hard coding is needed, can someone give me advice on what/where exactly? The pages we are using are mostly just text with some hyperlinks. Here are the colors we are using currently throughout the rest of the website:

 

Background: 242833
Text: FFFFFF

Solid button background: 232529

Solid button label: FFFFFF

Outline Button: FFFFFF

Shadow: 121212

 

We'll probably use a background color gradient at some point in the near future too.

Replies 7 (7)

PunkOuter
Excursionist
36 1 25

Oh, apparently a slideshow will have the same issue. The images are in the center (or wherever you configure it to be in the settings), but the background is blindingly white. It doesn't match the rest of the website color settings, and there are no color settings for it in the theme anywhere I can find, including in the slideshow settings itself. Probably something else to hard code?

PunkOuter
Excursionist
36 1 25

Giving this a bump and including some screenshots so you understand. Notice the white background to the right, left, and lesser extent, bottom of the slideshow. On pages like in the second image, the entire thing is white background, black text, which doesn't match the header and footer. These two (and possibly more) don't appear to have settings in the Dawn theme to adjust unless I'm missing it and someone can point me to them. Thanks!

Slidshow Background Dawn.pngVIP Background Dawn.png

PunkOuter
Excursionist
36 1 25

Giving this another bump in hopes someone reading this has a solution. There are plenty who use Dawn theme, so hopefully one of them knows how to adjust the color backgrounds on some of these pages/items. Thanks!

PunkOuter
Excursionist
36 1 25

I'm figuring it out. For anyone else who comes along with the same issue down the road, you can go to the custom CSS portion of the page that the Dawn theme doesn't have options for colors on and page something like this into there:

{
background: #242833;
color: white !important;
}

Substitute your color of choice in there of course.

The issue I'm running into now is that the header for default pages is still black, and hyperlinks are also black. I'm trying to figure out what to call upon to change those colors as well and will report back if I find it.

 

PunkOuter_0-1721403924690.png

 

PunkOuter
Excursionist
36 1 25

FYI - I've not yet found a solution. Either searches return incorrect instructions or out of date instructions. I'm really surprised nobody using Dawn has ever wanted to change their background and font colors (and posted about how to do it). Also equally surprised that Shopify support both isn't responding to assist, and doesn't have this just baked into the code like they do with all the other components to make it easy and use an existing theme color scheme.

This is the best I've been able to do so far, but the issue is they don't match the colors above in my original post. I've been able to get the background and regular font colors to match those, but the title's font is all black, and I cannot seem to find out what Shopify code variable to use to change that color. I think that's all that remains in case someone comes along and knows what that variable name is. I can give it a shot. Button colors are less important as there aren't really any in these pages I think.

Edit: Oh, and I guess hyperlink colors need to be figured out as the page often has those in it. Changing "color" (which is the regular font) doesn't change those, just like it doesn't change the title's text color.

PunkOuter_0-1723566941756.jpeg

 

AvyCoffee
Excursionist
33 0 7

Did you ever find a solution for this?

Kyle A.
Founder and CEO, Avy Coffee
PunkOuter
Excursionist
36 1 25

Yeah, the last piece of the puzzle, when the above wasn't working, was to just go to the custom CSS code for a given section/page and input this:

{
background: #242833;
color: #f9f2f2 !important;
}
a {
color: #2196f3 !important;
text-decoration: underline;
}
a:hover {
color: #2196f3cc !important;
}

Sub in your preference of numbers for colors.

The only issue I have with Dawn now is the filters for searches. It's all white until I hover over a selection. I gave up on that one, haha.

PunkOuter_0-1738808140260.png