Docs

[hollins115]

Hello X Geniuses,

I would love some help with a couple things that are bothering me on my Integrity theme. I can’t seem to figure out the CSS for each of the following.

http://hollylaurel.com/blog/

– Is it possible to use the slider with stacks other than Ethos? If so, how can I:

The blog slider
– Activate the slider in Integrity
– Remove the black overlay from the photo
– Remove the meta data from the slider
– Change the text to be smaller, at the bottom, and only the text have a white background with black text
– And in case I don’t like it with text after all, remove the text altogether, as all of my featured images already include the post title

Blog POST page
– I’d like to remove the date meta data from blog posts ONLY on the post itself

Blog/About/other pages (except home page)
General question – Is it possible to add a static header image (not the logo, which I’d have in line with the nav) above the nav bar that will scroll up with the user and then the navbar will be fixed in place? Or is it even possible to add an extra header image above the navbar at all?

I tried adding an image to the top bar, but I couldn’t make it span the whole page and it looked funky.

Thanks for all your help!

[Christopher]

Hi there,

#1 Are you referring to ‘post slider’? if so this option is only available in Ethos stack. Please enable post slider so we can help you with its style.

#2 Please add the following code in Customize -> Custom -> CSS :

.single-post .entry-date{
display:none;
}

#3 Please try slider above masthead, see : https://community.theme.co/kb/sliders

Hope it helps.

[hollins115]

Hi Christopher,

Thanks so much for replying!

1- Okay, that answers that question. I was wondering if it could be activated under other stacks because I didn’t want to use Ethos.

2- I inserted this into my custom CSS and it didn’t work. The class is greyed out in the custom CSS text area, as if it’s not a current class. See image. Maybe it’s different for Integrity?

3- This would be perfect, except I’d like it to show above the blog, and I don’t have the option to edit the blog as a “page”. Is there another way we could edit the blog page to have an additional header?

Thanks so much for your help!

[Lely]

Hi There,

1.) Post slider can be activated on other stacks via customization which is outside the scope of our support. In Ethos stack, there are post settings that needs to be enabled/checked before this specific post shows on the post slider. This post settings is not available on other stacks. Thank you for understanding.

2.) The CSS is not working because you have missing closing bracket on the previous CSS declaration.
Check this part:

blockquote {
color: #000 !important;
font-size: 14pt !important;
font-family: "Ovo" !important;
font-style: italic;
font-weight: 300 !important; 
border-bottom: 0px solid !important;
border-top: 0px solid !important;
box-sizing: content-box;
float: clear;
margin: 0px;
background-color: #fff5f1;
padding: 1em;
padding-bottom: 25px;
margin-bottom: 0px;
margin-top: -6px;
margin-left: 0px;
/* We need closing bracket here*/  
.single-post .entry-date{
display:none;
}

Should be like this:

blockquote {
color: #000 !important;
font-size: 14pt !important;
font-family: "Ovo" !important;
font-style: italic;
font-weight: 300 !important; 
border-bottom: 0px solid !important;
border-top: 0px solid !important;
box-sizing: content-box;
float: clear;
margin: 0px;
background-color: #fff5f1;
padding: 1em;
padding-bottom: 25px;
margin-bottom: 0px;
margin-top: -6px;
margin-left: 0px;
 } 
.single-post .entry-date{
display:none;
}

3.) The content of blog index page is controlled by a template. If you want to display header or images at the very top, we can use Revolution slider instead. Then open up blog index page > Page settings > Slider Settings : Above Masthead > Select the revolution slider from the dropdown.

Hope this helps.

[hollins115]

This reply has been marked as private.

[Friech]

Hi Holly,

Please update this code:

.single-post .entry-date {
	display:none;
}

To this:

.single-post .p-meta span:nth-child(2) {display: none;}

So the date remove with its separator.

Since the Revolution Slider is bundled with the X|Theme, you don’t need to register it. The plugin functions 100% without license registration.

You’re using the Integrity stack, the ethos slider can not be called with Class/ID.
The class is x-post-slider and it does not have an ID.

Hope it helps, Cheers!

[hollins115]

Perfect, thanks!

And yep, it does help. I can figure it out now.

Thanks!

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts