Inline Widget Title Formatting (Parallax Pro)

[kblackstone]

Hello All!
I am using the Parallax Pro child theme and was able to format the Home Section 2 Area to hold 2 inline featured post widgets and the Home Section 4 Area to hold 3 inline featured post widgets, using CSS formatting. The only problem is that I will wanted a "Title" for the two areas that match the rest of the home page.
My "workaround" solution was to just put the title in the first widget and change the text to match the rest of the home page titles. This works great EXCEPT I also have to put something in the titles of the other widgets so that everything lines up properly. Is there a way to make the other widget titles white (#fff) in color so that they APPEAR to be invisible?
Here is an example of my CSS code specific to the changes in Home Section 2 (that last piece of CSS is what is not working). Any help would be appreciated!
Thanks!

.home-section-2 .widget {
	float: left;
	padding: 0 2.8%;
	width: 50%;
}

.home-section-2 .featured-content {
	font-size: 12px;
	font-size: 1.2rem;
}
 
.home-section-2 .featured-content .entry-title a {
	font-size: 17px;
	font-size: 1.7rem;
}
 
.home-section-2 .featured-content .entry {
	border-bottom: 0px solid #F5F5F5;
	margin-bottom: 0rem;
	padding: 0 0 2.4rem;
}
 
.home-section-2 .widget-title {
	font-size: 3.6rem;
	text-transform: none;
	text-align: left;
}

.home-section-2 .widget-title .featured-post-10 {
	color: #fff;
}

http://www.bassicblack.com

[kblackstone]

Anyone who can help with this? I feel like the answer is something simple in front of my face but I just cant figure it out...
Any other to way to pinpoint the CSS of a specific Featured Post widget?

[kblackstone]

Figured it out! 🙂 I used this tutorial and changed that last portion of the above code to

.home-section-2 #featured-post-10 h4 {
	color: #fff;
}

[Author]

Posts