Questions

Posted in: Newspaper
Post count: 22

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!

Post count: 23312

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!

Post count: 22

Thanks a lot!
About question 1:
Sorry for misunderstanding, but I don’t need to hover the background; Is it possible to hover the title text color only?

Post count: 22

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?

Post count: 23312

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.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.