I've found how to change the color in the banner go to the file colors.js and change the accent color then to to the file componentStyles.js to change the opacity. If there is a different way I sure would like to know. I'm a little new at this Gatsbyjs.
Yes, that’s correct. What you did is especially useful for making major customizations.
If you only want to change the colours, the Banner component comes with the props: bgOverlay (takes any CSS background property value) and color (text color).
Simply add any of these in content/artist-landing-page.mdx:
Additionally, the Banner component also takes optional children props, which will replace the banner content (band name, tagline, social buttons) with the children.
<BannerbgOverlay="red">Yourowntexthere</Banner>
This reminds me I’m way behind at updating the docs, thanks!
tanks I'm glad I was on the right path and takes for the other way on doing the same thing.
Second question to build a drop down menu I thought I would use
title: "Sample"
subcategories:
subtitle: "Samp1"
subhref: "#"
subtitle: "Samp2"
subhref: "#"
This code is not working and errored out
ERROR IS = Module Error (from ./node_modules/yaml-loader/index.js):
bad indentation of a mapping entry at line 11, column 9:
subcategories:
I've found how to change the color in the banner go to the file colors.js and change the accent color then to to the file componentStyles.js to change the opacity. If there is a different way I sure would like to know. I'm a little new at this Gatsbyjs.
Yes, that’s correct. What you did is especially useful for making major customizations.
If you only want to change the colours, the
Banner
component comes with the props:bgOverlay
(takes any CSSbackground
property value) andcolor
(text color).Simply add any of these in
content/artist-landing-page.mdx
:Additionally, the
Banner
component also takes optionalchildren
props, which will replace the banner content (band name, tagline, social buttons) with thechildren
.This reminds me I’m way behind at updating the docs, thanks!
tanks I'm glad I was on the right path and takes for the other way on doing the same thing.
Second question to build a drop down menu I thought I would use
This code is not working and errored out
ERROR IS = Module Error (from ./node_modules/yaml-loader/index.js):
bad indentation of a mapping entry at line 11, column 9:
subcategories:
I've been looking for a way to add a drop down menu to this theme really clueless on this option? Any help would be great/direction would be great!
I'd like to see a code example of how the Banner children prop works to replace the band name or tagline.