Hi,
I would like to add an extra css class to the row of the full screen home page post (template 6). If a light image is used, the entry title color should be black.
Trying this —
Newsmag v 2.1
boulderweekly.wpengine.com
Extra CSS Class: dark-text
CSS
.dark-text .entry-title a {
color: #000000;
}
Inspecting the page, the ‘.dark-text’ css class was added to the row, but the element is not targeted. How can this be achieved?
thanks!
Hi
Try the css like this
.dark-text .entry-title a {
color: #000000!important;
}
If the problem persist please provide specific link to a post where you’re using post template 6, so I can inspect this closer.
Thanks!
The CSS has been updated but the problem still persists.
The element I’m trying to target is the entry title for the full screen post on the home page.
URL – boulderweekly.wpengine.com
thanks!
Hi
I couldn’t find a post with this class in its source code: .dark-text on your site. Please provide a link to a post where I can find this class so I can inspect this issue and get back to you with a more accurate answer.
Thanks!
Hi,
It is the home page (front page), not a post. Here is a screenshot: http://boulderweekly.wpengine.com/wp-content/images/bw-ss.jpg
URL: http://boulderweekly.wpengine.com/
If you view the source, line 1121 contains the class ‘dark-text’
<div class="vc_row wpb_row td-pb-row dark-text"><div class="wpb_column vc_column_container td-pb-span12"><div class="wpb_wrapper"><div class="td_block_wrap td_block_homepage_full_1 td_block_id_334295008 td_uid_37_567aaba5bf08d_rand td-pb-border-top"><div id=td_uid_37_567aaba5bf08d class="td_block_inner"> <script type="text/template" id="td_uid_37_567aaba5bf08d_tmpl">
<article id="post-14150"
class="td-post-template-6 post-14196 page type-page status-publish hentry" itemscope itemtype="http://schema.org/Article">
<div class="template6-header">
<div class="td-post-header td-container td-parallax-header" id="td_parallax_header_6">
<header class="td-pb-padding-side">
<ul class="td-category"><li class="entry-category">News <h1 class="entry-title">Black in Boulder</h1> <div class="meta-info">
<div class="td-post-author-name">By Matt Cortina - </div> <div class="td-post-date"><time itemprop="dateCreated" class="entry-date updated td-module-date" datetime="2015-03-19T23:00:00+00:00" >March 19, 2015</time><meta itemprop="interactionCount" content="UserComments:1"/></div> <div class="td-post-comments"><i class="td-icon-comments"></i>1</div> </div>
<div class="td-read-down"><i class="td-icon-read-down"></i></div>
</header>
</div>
</div>
</article>
</script>
</div></div>
Hi
Sorry for misunderstanding you.
The page structure changes a bit when the homepage post it’s used, that’s why the extra class added for the row isn’t targeted. To change the tile color for this post try this css: http://screencast.com/t/Q2oKTi7fjk
.page-id-14196 .template6-header .entry-title a {
color: red!important;
}
Hope this help.
Thanks!
