Hi,
1) I would like to hover the custom titles at my page http://www.next.blue/diensten. I’m using header template Block Header 7, Title background color #ffffff, Title text color #212121 and Accent hover color #00b0ff. What’s your advice?
2) The distance between main text & social icons & author text / date in my posts looks fine at my laptop. However on mobile the icons are not centered between the text & author / date. Please check: https://next.blue/2018/03/19/takalani-over-zijn-noodlot/. How to fix this?
3) How to change the title color of the Mailchimp Sign-Up Form Widget? Please check my sidebar at https://next.blue/2018/03/19/takalani-over-zijn-noodlot/. I would like to change the black title color of “Ontvang onze nieuwsbrief” into #212121.
Thanks a lot!
Hello joep,
1)Please notice that the Block Header Styles does not have any such a hover effect, sorry! If you want to have such an effect, you should use a bit of CSS code in order to achieve this. Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td-block-title-wrap:hover{
background-color:green;
}
The result is here -> https://www.screencast.com/t/KYOJ4dnoKS
2)You can try the code below and add a margin top to your social sharing buttons.
The code is ->
@media (max-width: 767px){
.td-post-sharing-top {
margin-top: 20px;
}
}
The result is here -> https://www.screencast.com/t/wHSS4q9v39by
Also, if you have some additional customizations which can break the mobile theme layout you should optimize it. So, if you will check our demo on mobile, you will see good results.
3)Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.widget_mc4wp_form_widget .td-block-title span {
color:red;
}
The result is here -> https://www.screencast.com/t/Pv20efchx
Thanks for the message!
I have changed the design of the page https://next.blue/diensten/. The title hover color is blue. How to hover the description text blue as well?
Hello joep,
Try the code below and place it in Theme panel – Custom CSS area ->
The code is ->
.td_module_wrap:hover .td-excerpt{
color:#00b0ff;
}
The result is here -> https://www.screencast.com/t/t7EiGRPV9W
Thanks.