Block header 1 – issues

Hello,

The Style of the block headers if left on default (header 1) it will show the header style aded by the theme demo you have installed. in your case bh1 is this header: https://www.screencast.com/t/X0mNVID8x
It features just a line and a transparent background. It’s the demo style applied to the demo. I have tested BH1 on the default demo and it changes the color without issues but in your case the demo style applies a transparent background to the title.
Bh3 has no issues with background colors or text colors: https://www.screencast.com/t/VVLVEsIPmNp

Thank you!

Hello fquiquet,

Please provide your website URL so I can take a closer look at it. Also, provide some useful screenshots so I can see what exactly you want to change.

Thanks.

Hi,

What is not ok here? What exactly do you want to modify? Provide more details with some useful screenshots.

Thanks.

Hello fquiquet,

This is the default style for that demo, sorry! You should try using a bit of CSS code to achieve this. Try the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-theme-wrap .block-title > span{
color:white!important;
background-color:black!important;
padding-left:10px!important;
}
.block-title{
border-color:black!important;
}

The result is here -> https://www.screencast.com/t/pHiPssn9m

Thanks.

Hello fquiquet,

This can be set for each block from Td Compose or Visual Composer from Block settings, like this -> https://www.screencast.com/t/yT6m6c1s

Thanks.

Hello fquiquet,

Yes! If you want to change this style you should add the above code which I gave you above directly in style.css and then you can customize each block header from the composer.

Thanks for your understanding!

You can add it ad the very bottom of the style.css file.
Thank you!

Hi,

I believe this is a misunderstanding, hopefully we can solve it. Each available demo has it’s own custom design. Installing it will import a demo stylesheet, this may overwrite default styles and designs.
The magazine demo has a condition set for the block titles in it’s stylesheet
– https://www.screencast.com/t/hoWCoi1Ohi5
The result is that the block titles background is transparent, only the border color is affected by changing the background color.
If you were to remove the code shown in the screenshot, the background of the block titles will have default functionality
– https://www.screencast.com/t/cg1hoKIop
You can then customize the blocks with the composer and set the colors as you wish
– https://www.screencast.com/t/oWEQeliiJqg

Thanks

Hi,

The individual settings for each block should apply after you remove that code in the demo stylesheet
– https://www.screencast.com/t/IqGCx3cw3q
– https://www.screencast.com/t/AwdGKUDHU
These individual settings should override the general header color set by the demo here
– https://www.screencast.com/t/j7KgXmfw3sEo
Try clearing that color in the theme color settings, edit the page with the composer and set the desired colors for the text
– https://www.screencast.com/t/YEDjyGDIGo4
The font properties for the block titles can be customized in the theme panel, there you can modify the font weight imported by the demo
– https://www.screencast.com/t/r9ApeCYsjU
Please let us know if there are further issues, or you have more questions.

Thanks