Column Title styling

Posted in: Newspaper
Post count: 5

Can you tell me how I can style the column title block so that it matches the headings on flex blocks – so that they have a coloured line to the left?

Post count: 27744

Hello,

The style that you can set on the element Column Title are those -> https://i.imgur.com/zSYsYsO.png
You can set a header title on each flex block.

Thank you!

Post count: 5

Thanks for the reply. However, that sets a line underneath the column title
like this:
TITLE
__________

– but on the flex blocks it follows the title like this: TITLE ———-.
Is there a way to get it like that?

Post count: 27744

Hello,

Using the column title you can design it with custom code css.
You need to add an extra class on the element, for example, I set .e-cls -> https://i.imgur.com/cn2xPef.png

.e-cls .tds-title *:before {
content: '';
display: block;
height: 4px;
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
width: 70%;
background-color: red;
}

The code needs to be set in Theme panel -> Custom code -> Custom CSS => https://www.screencast.com/t/fxetQe24ZHf

Thank you!

Post count: 5

Thanks. That nearly got it.

Did this:
.tdi_149 .tdm-title {
background-color: white;
padding-right: 10px;
}

and added this to your code.
z-index:-10;

Before that the line ran over the text.
Anyway, many thanks for the quick response and all your help.

Post count: 27744

Hello,

So, you resolved the problem?

Thank you!

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