Block header template

Posted in: Newspaper
Post count: 25

Hello –
I’m using Block 21 on my home page, but I also use it throughout the site. I can’t figure out how to change the color combo of the text and header block. On this page, it’s white letters on blue (which I like) https://www.kvnutalk.com/for-the-people/
And on this page (scroll down about halfway) it’s dark gray on black https://www.kvnutalk.com/

Any help would be great – thanks!

Post count: 22421

Hello,

you can change the block title colors from the tagdiv composer page builder:
https://www.screencast.com/t/RL6dg8UiM5vd
Unfortunately if you use the wpbakery page builder, the color options for the title are no longer present because of the implementation we made for our own page builder. If this is the case, you can use this css in the theme panel-> custom css box to change colors:

.td_block_template_4 .td-block-title > *{
color:white!important;
background-color:#8224e3 !important
}

Thank you!

Post count: 25

Thanks for your reply. I did as you suggested, but it had no effect on the title’s color combination. I do get some error messages, here is a screenshot of what I get: Screenshot

Post count: 23312

Hello ryderspyder,

Th above code has an effect for block template, as you can see here -> https://www.screencast.com/t/bi6CJfaYc What exactly do you want to change?

Thanks for your understanding!

Post count: 25

That’s strange it looks correct on your computer. It still looks the same on my computer – here is a screenshot just taken: KVNU screenshot

My web browser is firefox, but that shouldn’t matter should it?
Thanks,
Ryan

Post count: 23312

Hy,

Do you have tried this code and does not work?

Thanks.

Post count: 25

I put the code in the ‘theme panel’ under ‘custom css’ as shown here: . But it had no effect. Let me know if I did something wrong. I can give you admin access if you want to login and take a look.

Thanks,
Ryan

Post count: 23312

Hello ryderspyder,

You have missed adding a point before the block_template_4 (.block_template_4). Try th do this and check the results.

Thanks.

Post count: 25

That fixed the problem – thank you! One more question – what code should I use if I want the block header to look like this instead?

Thanks for your help!

Post count: 23312

Hello ryderspyder,

This is the default style for our block template. You should use the Inspector browser if you need to create our own custom Code.

Thanks for your understanding!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.