All of my blog titles have disappeared. In need of Wordpress help.

[artscube.biz]

Not sure if this is the right place to ask this question but here it goes. All of the titles on my real estate website have disappeared. I have spent hours looking through different forums trying to figure out how to make them show up. Also whenever I hover the cursor over links they turn to white and disappear as well.

This is the website: http://www.acolerealty.com/blog/

If this helps here is the custom CSS in worpress is the following:

/* GREEN */

body {background: #eff3ec !important;}

.header-membership {
background: #fff !important;
box-shadow: none !important;
border-bottom: 2px solid #e5e9e3 !important;
}

.header-membership a {
color: #909090 !important;
text-shadow: none !important
}

h1#site-title a {
color: #397249 !important;
}

header nav#main-nav {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */
}

#t-header-container .home-search-container #header-top-search::before {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */
}

input.button-primary {
background: #7aad79 !important; /* Old browsers /
background: -moz-linear-gradient(top, #7aad79 0%, #397249 100%) !important; / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aad79), color-stop(100%,#397249)) !important; / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #7aad79 0%,#397249 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / Opera 11.10+ /
background: -ms-linear-gradient(top, #7aad79 0%,#397249 100%) !important; / IE10+ /
background: linear-gradient(to bottom, #7aad79 0%,#397249 100%) !important; / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aad79', endColorstr='#397249',GradientType=0 ) !important; / IE6-9 */

border:1px solid #23472d !important;
}

input.button-primary:hover {
background: #628b61 !important;
}

footer {
background: #e4e8e1 !important;
}

[DmitriiK]

Yes, change the color in places I've mentioned to whatever colors you want. Swap #fcf9f9 to whatever color.

[artscube.biz]

Thanks so much for your help Dmitrii. I agree Im in over my head with the developing side of things, just trying to find a fix for this error I created by mistake.

Could you tell me what I would need to do to fix this? Change the color? Is there a code I need to add to the Custom CSS in wordpress. Or what i need to delete?

Thanks for your time much appreciated.

[DmitriiK]

Hi there.

you have inline css code, line#173:

#content a:hover, #sidebar a:hover, .social a:hover, .member-bar a:hover, #home-search a:hover,.paging_full_numbers a:hover, .placester_properties a:hover, #content .person-name a, #content .post-title a,#sidebar .widget-title a {

1. font-family: arial !important;
2. color: #fcf9f9 !important;

_}_This is what makes anchors become invisible on hover.Exactly the same reason for your titles not showing up. because titles are links and they are that "white color. The same inline css - line #181.Cheers.P.S. I recommend you hire a front-end developer, who understands this stuff, otherwise you gonna waste countless hours scouting web for answers which don't exist.