Docs

[pmarkham72]

Hello,

I have been trying things from the forums for hours now and need some help. The site is not live so I created a login for you that I will send a private message with the URL etc.. Everything is up to date also.

The problem I am having is I am using the integrity 7 theme set to dark. On all the cornerstone edited pages everything looks great. I like the transparent nav bar look over a revolution slider. When I went to start developing my blog page I saw that everything was dark text and background on the main blog page and the single post pages. I have pieced together some code from the forums but can’t get the look I want.

To recap here is what I need help to accomplishing:

1. Light background (#ffffff) on blog page and Single Post pages with the entry wrap color being (#f2f2f2)
2. Transparent header over a revolution slider on the actual blog page
3. Transparent or at least black background header for the single post page (There will not be a revo slider on any single posts)
4. No shadow effect on the entry wrap or the sidebar text.

Thanks in advance for any assistance you can provide

[pmarkham72]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please find this code and remove it :

body.blog {
    background-color: #000000;
}

Change background color under Customize -> Layout and design.

You currently changed entry wrap background color with following code :

.blog .entry-wrap {
    background-color: #f2f2f2;
}

#2 & #3

@media (min-width:979px){
.x-slider-container.below {
    margin-top: -90px;
}
}
.single-post .x-navbar {
    background-color: #000;
}
@media (max-width:979px){
.x-navbar {
    background-color: #000;
}
}

#4 There is no box shadow, you’ve already removed that.

Hope that helps.

[pmarkham72]

That helped A lot. Its close but I need to remove the drop shadow line so it looks completely transparent. see screenshot http://screencast.com/t/XzO60wQIvBV

Another quick question is there a way to add a permanent image to the top of every blog post?

[Nabeel A]

Hi again,

1. Please add the following code in your Customizer:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important;
}

2. To add a permanent image to the top of every post, please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('<img src="http://www.toddstottlemyre.com/wp-content/uploads/2016/02/video-thumbnail-tinted-1200x675.jpg" alt="" />').insertBefore('.single-post .entry-featured');
});

Change the image src as per your need. Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[pmarkham72]

It worked but there is one more place where the formatting is still dark. When people leave a comment it still has the old formatting. here is an example http://www.toddstottlemyre.com/cornerstone-draft/#comments

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.single-post article.comment, .single-post .entry-wrap, .blog .entry-wrap {
background: none;
}

Hope that helps

Joao

[pmarkham72]

worked perfectly. I tweaked it to be a color but your base code helped a lot! Thanks again for the support

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts