I thought I understood the palette colors set in the template, but now I'm stuck. On the front page (image attached) Large headings are a dark green. I would like to make them the same dark blue in the rest of the color scheme I'm using. But I don't see a palette where the dark green appears. Do I make a copy of the main palette, and then make my changes to the copy, and then assign it to the section on the template? I don't understand where the dark green color is coming from.
patvandenbosche
You can define color for this sub-heading with this rule:
.t4-section-2 span.sub-heading { color: #1a1a6c; }
and change to your desired color.
OK, thank you! So this color was not set in a template palette?
I notice on content pages the H2 heading color is still this dark green. Attaching screenshot of the article on the Commodore Inn B&B. Do I have to set the color palettes separately for the homepage template and the default template? Can you please explain. Thanks.
You can define color for these headings as you wish, for example:
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #1a1a6c !important; }
This is too general since it changed the title colors on the slideshow too. That must remain white to be seen/read. What would I use to be specific for articles?
patvandenbosche You can use class of that page to add specific style for it. Kindly share the URL of that page, I will suggest you further
The example I made the screenshot of is: https://test.cityofclifton.com/visitors/lodging/commodore-inn-bed-breakfast
The headings are green, but I would like them to be the dark blue. But I don't know how to say in the CSS that it only affects h1, h2 etc. in an article. Is this what you are asking? Where do I find the style of the page? If the class is page-header, then do you page-header.h1?
For this article page, you can override with this:
.com-content-article.item-page h2, .com-content-article.item-page h3, .com-content-article.item-page h4 { color: #872525; }
something like this.
Thank you! I'll add that to the css file.
I set up a DP-Calendar component, and have the same issue with the green headings. There was another place as well. It would be so much better, easier to manage, if it was in a palette, or do I have a misunderstanding of how the palettes work?
Here is page where the color of the headings is green in a calendar page: https://test.cityofclifton.com/calendar/all-church-choir
It is h2.dp-heading. So how would that be written in a css rule? I want to know so I don't have to keep bothering you about this.
Thanks, Pat
Hi Pat,
I think you can define the color for these headings (H1, H2, ...) with your color generally. Then if you want to add specific color for a page like article, DPcalendar page, you can add custom CSS for it like I suggested for article page above 🙂
I think I finally got a handle on this. Close this ticket. Thanks.
