Hello i have a problem with Accent hover color of read more button in block header 8. When i set option in tG composer.
Screenshot of problem:
For resolve problem i try to use this code, but it work only in custom code theme area and not in my style.css of child theme:
.td_module_17 .td-read-more a {
background-color: transparent !important;
}
Screenshot solved problem:
Can you help me to write a code that work on a theme child style.css ?
Hi,
Please notice that all the custom CSS code should have to be added in Theme panel -> Custom CSS area without any problem. When you update the theme, all the code from there will remain there. Regarding on Child Theme, please check here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/
Thanks for your understanding!
Thanks for your reply, i use a theme child because if i use the Theme panel -> Custom CSS area when the site start to loading it load the default setting and after rewrite with custom css. Instead with theme child it load with custom css.
The code that i write not work on child theme because i suppose that the edits make on tg composer have a high priority and rewrite my code.
Hi ySV,
Another alternative, in this case, is to directly affect the style.css code, clear all the caches and check the results.
Thanks for your understnading!
Hi Catalin,
Do you mean that i try to edit the original style.css of your theme?
But the problem not is the same? If tG composer overwrites the setting of style.css…
if you help me to insert code to make only a hover text color, i can try to disable hover option from tg composer…
Hi,
Yes, you need to add this code to the original style.css of your theme. Regarding on TD Composer, all the code which you have added from it will overwrite the default style.css, for example -> https://www.screencast.com/t/AbUlMOnG7
Thanks for your understnading!
Hi,
Try to use the code below and place it in Theme panel -> Cusotm CSS area.
.td_block_template_8 .td_module_wrap:hover .entry-title a{
color:green;
}
The result is here -> https://www.screencast.com/t/APfi0rvFi
Thanks.
Thanks for your reply but it work for title, but i need hover color also for read-more and load-more
Hi,
For a better understanding and quicker solution, a link to the website/page where you want to do this would be most helpful.
Block header template 8 looks like this – https://demo.tagdiv.com/newspaper/block-header-8/
Some demos may contain a customization for it. What exactly do you want to modify about this block header template? provide as many details as possible and a link. Let me know.
Thanks
Sorry i made a mistake when i write question.
I need an hover color for:
– .entry-title
– .read-more
– .load-more
In td_module_17
Hi,
By default the hover colors of those elements will be the theme accent color set in the theme panel.
Setting an accent color for the block will set a hover color of your choosing for the title, read more and load more buttons, but it seems there is a design problem with the button – http://prntscr.com/mtj6eq also the hover color should apply on hover, not by default.
I could give you a code to fix it so that the accent color set in the composer applies properly – http://prntscr.com/mtjerc
.td_module_17 .meta-info-container .td-read-more a{
background-color: transparent!important;
}
If maybe you use the module 17 in for example a category page post loop, I can give you a code to color those elements, chnage the colors as you want
.td_module_17 .meta-info-container .td-read-more a{
background-color: transparent!important;
}
.td_module_wrap:hover .entry-title a {
color: yellow;
}
.td-load-more-wrap a:hover {
background-color: yellow;
border-color: yellow;
}
.td_module_17 .td-read-more a:hover {
color: yellow;
}
Let me know if you need help. I will add this issue with the read more button on our list and it will be fixed.
Thanks
