Cannot change H2 color on widget or on blog excerpts

[lisacole1]

Home - Riverside Midwives

On the pop up “Our Care and Covid 19” the H2 should be font color #615e79
No matter what I do I can’t get it to change. I have code in the additional CSS but it isn’t helping.

I have the same problem with the headings here https://riversidemidwives.co.uk/testimonials/
they should also be in #615e79 and not bold

I have this in the additional CSS but it does not work. What am I doing wrong?

h2.tg-item-title.tg-element-3
{
font-size:30px;
text-transform: none;
color: #615e79
!Important;
}

[ruenel]

Hello @lisacole1,

Thanks for writing in!

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

Based on the screenshot above, you will have a code something like this:

.tco-content-dock h2 {
    color: #615e79 !important;
}

Since this is a custom code, you will be the one to implement and maintain the code to make sure that it works and does not create conflicts when there are theme and plugin updates.

Best Regards.

[lisacole1]

Thank you, I’ve been trying to do that but I can’t find the code for the headings in https://riversidemidwives.co.uk/testimonials/

I can copy the code:
–wp-admin-theme-color: #007cba;
–wp-admin-theme-color-darker-10: #006ba1;
–wp-admin-theme-color-darker-20: #005a87;
text-rendering: optimizelegibility;
font-family: “Dancing Script”,handwriting;
font-style: normal;
letter-spacing: -0.035em;
box-sizing: border-box;
hyphens: auto;
vertical-align: middle;
position: relative;
line-height: 20px;
font-weight: 600;
display: block;
margin: 0;
padding: 10px 0 0;
font-size: 30px;
text-transform: none;
color: #615e79!Important;
fill: #444444;
stroke: #444444;
border-color: #444444;

but not the selector, and I can’t find the selector in the current css

Is it possible to search in the custom CSS? It comes up as a pop up window for me.

[lisacole1]

and I have this
h2.tg-item-title.tg-element-3
{
font-size:30px;
text-transform: none;
color: #615e79
!Important;
}

but it didn’t make a difference.

[marc_a]

Hi @lisacole1,

I just check your testimonial page and the code you added is just working fine. Please see the attached screenshot below.

Hope that helps.

Thank you.

[lisacole1]

Sorry but that isn’t working. The individual blog post headings are bold and the wrong colour.
Can I search for the code in the CSS? The whole CSS window pops out and is unsearchable for me.

[marc_a]

Hi @lisacole1,

To make the heading same font weight as your single pages, please add this code:

h2.tg-item-title.tg-element-3 a {
   font-weight: 400;
} 

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.