Hello,
I am trying to change the title design of block in a widget, i add it with VC, the problem when i edit the page i get new id for block.
The css code is
.td_block_id_1941621057 .block-title {
font-family: "Roboto",sans-serif;
font-size: 28px;
line-height: 1;
margin-top: 0px;
margin-bottom: 26px;
border-bottom: 2px solid #000000;
border-color: #000000;
background-color: #4DB2EC;
}
The id td_block_id_1941621057 get change everytime i edit the page, so making a design for every block when editing all is gone, and i need to use firebug to get new id. Any trick to get this solved.
How to get the id for block easily, is it a bug ?
Hi,
Unfortunately the block id is changing every time you refresh the page. A solution is to target the block more specific, for example add an extra class to the row or column and use the block class(depends what block you use) – http://screencast.com/t/tE4qZKY7MJp – http://screencast.com/t/iIiLcsVu
.yourclass .td_block_1 .block-title {
font-family: Actor;
font-size: 20px;
}
.yourclass .td_block_1 .block-title span {
color: green;
}
Thanks!
