Layout builder widget element text color

[BelievePursue]

Hi, I’ve created a single post template with a widget area. The text contained with the widget area has an applied color I can’t seem to overwrite, can you help me figure this out?

the relevant classes I believe are .widget and .widget a

[ruenel]

Hello @BelievePursue,

Thanks for writing in!

I have checked your child theme’s style.css and I found out that you have added this:

.widget {
	color:#000;
}
.widget a {
	color:#000;
}

This code will not work because it is using the incorrect class selector. Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

Hope this helps.

[BelievePursue]

Thanks for your help - one other question, does this file get edited anywhere within pro?
/wp-content/themes/pro/framework/dist/css/site/stacks/ethos.css?ver=5.1.4

[prakash_s]

Hello @BelievePursue,

It is a theme file so you can not edit it but you can override the style by using your custom CSS code. For that, you can use the Theme Option —>CSS, or you can use a child theme and then enqueue your own style file.

Hope it helps
Thanks