How to change ''unit no thumb color'' with custom css?
Units with no thumb are given a RED 'image' by default (by css). I wonder how to change this color by custom css to another color?
Is it possible to have a custom image instead of the ''color by css''?
Using 13RC1, Protean light custom mix, UNA hosted cloud
-
Hello @Peter !
The color scheme utilized in this section relies on gradient CSS classes, such as .from-red-400 and .to-red-500. Although there is no in-built tool within the Studio to adjust these colors directly, it can be modified through the Custom Styles settings within the template. Alternatively, the utilized CSS class can be corrected through the use of a JavaScript script within the RAW block, which should be implemented at the end of the webpage:
<script>
$(".from-red-400").removeClass("from-red-400").addClass("from-blue-400");
</script>
-
Thank You Leonid. And what about a custom 'default' image instead? Is this possible too?
-
great idea!!
-
You may upload your thumb via the Studio->Storage section, get the image URL and in my provided code replace addClass method to this one
.css("background-image", "url(" + imageUrl + ")");
-
Works like a charm, thank You!
-
How do I disable the red block div and show post content instead as seen in "Latest" section?
-
Hello @Manan Kalpesh Shah !
You may use the following script to delete the red div almost like in this answeerd https://una.io/cmts-view/1hm0zjs?sys=bx_forum&cmt_id=43554
<script>
$(".from-red-400").remove();
</script>
-
I don't just want to remove the red part but also show the post text (not title)
