[diamonddreams]

When editing the header colors i can see it working in editor but when i save and update site it still has the default colors of yellow. How do i edit the colors or does the free version not allow this?

[tikaram]

@diamonddreams : I will check for the issue regarding the color and let you know. For quick fix you can add additional css. please post in your site URL and let me know the desired color code so that I can provide you the required additional css.

Regards,
Tikaram

[diamonddreams]

diamond-dreams.org

I want the link to be #0D52FF

and when i hover to be FA6600

This is on the site title.

I would also like to change the link navigation hover color and the line under the link in navigation to one of these as well.

[diamonddreams]

i really just want to remove all yellow and use our colors if thats possible

[tikaram]

@diamonddreams : Please try adding the following additional css and choose your desired colors.

.wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-page-list>.wp-block-navigation-item>.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content>.wp-block-page-list>.wp-block-navigation-item>.wp-block-navigation-item__content {
  color: inherit;
}

To know more about adding additional css in block based theme please follow the link below.
https://catchthemes.com/fse-faq/how-to-add-custom-css-in-block-themes/
Let me know if you are still having issues.

Regards,
Tikaram

[diamonddreams]

which block do i add this to?

 

[diamonddreams]

Also if it helps with diagnosing the theme. I can literally change every other aspect about the header. Site title size font all of it just not the color its like the color is hard coded to the theme.

[diamonddreams]

even with additional css pasted in sytles additional or header block color still doesnt work…

[minal]

Hello @diamonddream

I have sent you an updated CSS snippet for menu links

.wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content, .wp-block-navigation__responsive-container-content>.wp-block-navigation__container>.wp-block-page-list>.wp-block-navigation-item>.wp-block-navigation-item__content, .wp-block-navigation__responsive-container-content>.wp-block-page-list>.wp-block-navigation-item>.wp-block-navigation-item__content {
color: inherit !important;
}

add to your additional css

Sincerely,
Minal

[diamonddreams]

That seams to of worked for links now i just need to get the site title to change colors. can you send me another one that allows this to happen with the links as well

[minal]

Hello

here it is the required css for the title

.transparent-header .wp-block-site-title a{
color: inherit !important;

}

Sincerely,

Minal

[diamonddreams]

im trying to create a child theme but when i do the editor looks completely different. do you guys by chance have any suggestions so the editor will work the same. For example the header and site is layed out different in child theme editor. when i view the page it looks right but everything is messed up in the edditor.

[Author]

Posts