How can I change the colour of the Ajax filter text in Blocks like Block 21? Neither the font size, nor the font colour can be changed from the TD composer panel, despite there being settings for them in the style tab. I have after a lot of searching found how to change the Ajax filter font and size (buried in the Theme Panel settings for Big grid – Medium img), but I cannot see anywhere to change the colour, which by default is a rather unclear grey, and has poor readability. The readability is also poor for the ‘read more’ link at the end of the block, and I cannot find settings for anything on that one.
Can you help?
Hi,
For the color of header form the block the settings are those -> https://www.screencast.com/t/s4ilVnRDp4 and for text are those -> https://www.screencast.com/t/vABX2FKRakuL
for load more -> https://www.screencast.com/t/rUvV3PPHMrk
for color you need to use a custom css for those blocks -> https://www.screencast.com/t/0k0A2nlEj4
.td-load-more-wrap a {
color: #333;
}
.td_ajax_load_more {
border: 1px solid #333;
}
Thank you
Calin
Thank you for that response. However my main query was how to change the colour of the “Ajax category filter” text. You absolutely can not change the colour or size of that font or the typeface of the font from the TD composer style tab area. The only thing that the TD composer style options give you is some very minimal ability to change the font weight or to italicise the text. As I pointed out above, the only place that you can change the Ajax category text font and font size is from the theme panel. But the theme panel provides no capability that I can find of changing the colour of the Ajax font.
While your CSS code is helpful for the “read more” Ajax element colour, it does not help me with changing the font or font size of that item, or the colour of the “Ajax category” text.
So to summarise I still need an answer to the question of a) how to change the Ajax category text colour and b) how to change the Ajax “read more” font and font size.
Thanks in advance…
Hi,
The font family and font size can be change with tagDiv Composer
-> https://www.screencast.com/t/gcrbOkPQq
-> https://www.screencast.com/t/jbvLBIxyCVaE
And for color you’ll need to use a custom css in order to change the color only on those blocks -> https://www.screencast.com/t/lC6s2QuwRD4z
.td-load-more-wrap a {
color: red;
}
.td_ajax_load_more {
border: 1px solid blue;
}
.td-subcat-filter .td-subcat-list a {
color: green;
}
Thank you!
Calin
Thanks for the detailed reply. However, in my TD composer panel the options to change font and font size are blanked out. There is no ability to change them, although fonts can easily be changed from the font options in the Theme panel. I will send you screenshots, and login details for this proble,, as well as for the other one I have raised.