Hi,
When designing a page, if we want to style a block with background black; we are unable to style the post title in a different color.
In the block it says h3 class is being called “entry-title td-module-title” but be are unable to change it via the box Style particular content element differently – add a class name and refer to it in custom CSS
if we change for the module eg block 5 it affects all the block 5 usage on that page rather than that particular block
Please suggest
I want to solve this issue too.
I need to style a specific and unique block with a different background and font.
Any help on how to add a class or solve it any way?
I did look at the custom page level css to style blocks and modules differently on a page
Look at https://www.theindianpanorama.news/indian-american-edition/
The problem is if I use the same module (9) again the code used applies to that as well; not able to isolate the block.
Any help would be appreciated
.td_block_5 .td_module_3 .td-module-title a {
color:white;
}
.td_block_3 .td_module_1 .td-module-title a {
color:white;
}
.td_block_9 .td_module_8 .td-module-title a {
color:white;
}
.td_block_2 .td_module_2 .td-module-title a {
color:white;
}
.td_block_2 .td_module_6 .td-module-title a {
color:white;
}
Hi,
If you would like to customize a block, and have a unique style apply only to that block, simply add a specific class to it like this for example
– https://www.screencast.com/t/yWMBgADBmmUh
– https://www.screencast.com/t/jt6ZPM7U
– https://www.screencast.com/t/DsXbmGYz
Then you can refer to that custom unique class set to each block, and create you custom code based on it
– https://www.screencast.com/t/U5CUiRJpd
And further style the block according to your needs, knowing that these modifications will only apply to the the block that has the said class.
Here you can find more information about using the browser inspector to identify the elements on the page and their classes, in order to create custom code in theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks
Thank you, I don’t have this feature. This is probably because I haven’t updated the theme yet. Has it been introduced in 7.xx versions?
Hi,
The option to add a custom class on blocks – https://www.screencast.com/t/dMJsMovJomF or rows – https://www.screencast.com/t/FewLWi7KRHb2 in Visual composer is not recent as far as I know. Maybe you have just not seen it before. Or maybe it was not available in older versions of Visual composer.
Thanks
Hi,
I have used multiple times the extra class for rows but I’ve never seen such field for the blocks. Could possibly be a way to enable it?
Hi,
I don’t believe there is an option to show or hide this option. Maybe you are using a different Visual composer then the one provided in the theme package, because this capability is available by default. Try updating your Visual composer plugin to the latest version using this guide – https://forum.tagdiv.com/how-to-update-visual-composer-plugin/
Thanks
Hi,
I updated the visual composer to the latest version located inside your new theme installation.
Sadly, this option isn’t present yet.
Hi,
This is a weird issue indeed. Please check the Visual composer settings, it should be like this
– https://www.screencast.com/t/1PccALD7
Also maybe a plugin could be interfering with Visual composer, please try to disable all your plugins except Visual composer, clear any caching installed and check again. On a default theme with the latest version using only the plugins provided, I can confirm the option is present. You could check any modifications you have made to the theme, or a child theme if you are using one.
Thanks
