Slider, date and feature image in article

Hi,

For my site: http://smallcaps.com.au

1) How can I remove the date from showing on the homepage slider but still have the date show in the articles in the blocks below?

2) The white text for the title in the slide can be hard to see on a white or light background. How can I make it stand out more like on my other site: hangthebankers.com ? Or any other options that will make the text easier to read, perhaps making the text bold or black?

3) When you hover the mouse over the feature image at the top of an article, as in this article: http://smallcaps.com.au/australias-economy-100-quarters-without-recession/
Image showing the yellow box that I want removed:
http://smallcaps.com.au/wp-content/uploads/2016/09/Screen-Shot-2016-09-09-at-8.50.26-pm.jpg
It shows the name (or alt title) of the image in a yellow box. How can I have it so it doesn’t do this and that it is just the normal mouse cursor like when over a normal image in an article, without losing the alt title keywords for SEO purposes?

4) It does this yellow box thing on the home page too if you hover the mouse over any of the articles. How can I stop this as well?

Thanks in advance

Hi

1. Try this css in theme panel > custom code > custom css: http://screencast.com/t/YSJTMmIyi

.home .td-theme-slider .td-post-date {
display: none
}

2. You could try this css and the title will look like this: http://screencast.com/t/TLZUtdIBlLD

.td-theme-slider .slide-meta {
background-color: black;
font-weight: bold;
}

or: http://screencast.com/t/AEqs42yY

.td-theme-slider .slide-meta a {
background-color: black;
font-weight: bold;
}

3, 4: Try this code in theme panel > custom code > custom javascript:

jQuery(document).ready(function($){
jQuery('a').removeAttr('title');
});


Thanks!

Thanks.

The javascript code didn’t work through, it’s still showing the yellow boxes on issue # 3 & 4…?

Great, almost there with the slider.
How can I make the text of the headline pure white #ffffff and also not transparent?

Also with the grey box on the slider containing the title, how can we make it move down the image along with the text to cover the bottom of the image rather than higher up?

HI

The js worked fine on my end, try alos to add it in footer.php file: http://screencast.com/t/w26uxXM4

Try this css: http://screencast.com/t/8xIr8yFWP

.td-theme-slider .slide-meta{
opacity: 1!important;
bottom: 0;
}

Thanks!