[Jonathan BParticipant]

Hello –

I’m relatively new to wordpress and have spent a good deal of time reading through the forum posts before asking these questions. I am working with Integrity Light – Masonry style. Here are a couple of issues I am dealing with:

1) Currently my front page is set to “Your Latest Posts.” This is great because this is exactly how I want my index page to function. The problem is that I want to add a slider to the top of this but “latest posts” isn’t a static page, so the Revolution Slider option isn’t available. I considered changing my front page to link to the static Blog Page but the Blog Page doesn’t have the 3-column masonry style of recent posts that I want (and used customizer to design) for the index and I don’t know how to make it look/function the same. What would you recommend in this situation? Is there a way to add the slider to the “Your Latest Posts” index?

2) On my front page, the Featured Image isn’t showing up for each blog post. To be more specific, if I use an image uploaded to the Media Library, then it does show up. But I am trying to use an image from a url. When I do this, they only show up within the post, but not on the index page. The url itself is accurate because all images show up within the post.

2b) Assuming I can get the Featured Images to show up on the index, I’d like to remove the hover state of the image, which currently shows a link icon. I don’t want anything to happen when the featured image is hovered over. In reading the forums, I found this code:

.x-recent-posts .format-standard .x-recent-posts-img:before {
content: “”;
background-color: transparent;
}

.x-recent-posts a:hover img {
opacity:.40;
}

but when I added it to customizer->custom->css, nothing changed. The hover state remained the same.

Thank you for any help you can give!!!

[Jonathan BParticipant]

This reply has been marked as private.

[RadModerator]

Hi Jonathan,

Thank you for dropping by!

1. This thread might help you http://theme.co/x/member/forums/topic/revolution-slider-on-blog-2/ for blog slider.

2. If you were using gallery format, or image format. It will only use images that were attached to it. Using image url can only embedded at content, but it is not actually attached. So it is advisable to upload it on-spot of the post.

2b. Css you added was for recent posts shortcode, instead, you can use this :

.type-post .entry-featured a.entry-thumb:hover:before {
content: "";
background-color: transparent;
}

.type-post .entry-featured a.entry-thumb:hover img {
opacity:.40;
}

Hope this helps.

[Jonathan BParticipant]

Hi – thanks for your response, I was able to get the revolution slider working on the blog page – success! But I am unclear about your answer regarding the featured images. Are you saying that all “Featured Images” must be added to the media library in order to show up in the “Latest Posts”? I would really prefer to use a url to the image on my server so that I don’t have to keep adding images to the Media Library. Is there not code I could add to the blog post that would take care of this?

The css code you gave me for removing the hover effect on the Featured Images works in Safari but in Chrome the link icon still appears momentarily as the mouse is being moved off of the image.

Also, is there a way to remove the black bar appearing at the bottom of the revolution slider? I’ve gone through the customization of the slider and could not find anything regarding the black bar. I’m not sure if this is styling from the X-theme template or from the slider itself.

Thank you for your help!

[RadModerator]

Hi Jonatahan,

Yes, images should be added on media library. It is wordpress standard.

Like this scenario : If you add content with 10 images using external link, then which image should be the featured image? or which will be the slide? what if there is another image from shortcodes? So to let wordpress know which one, you should attach it to that post 🙂

How about this :

.type-post .entry-featured a.entry-thumb:hover:before {
content: ""!important;
background-color: transparent;
display:none;
}

And you could just use this for removing slider’s black line,

.x-slider-revolution-container.below {
border:0px!important;
}

Hope this helps 🙂

[Jonathan BParticipant]

Hi – thank you! The included code has worked it’s magic. One more thing, the css to remove the tags from the main blog index worked but I would like to keep the tag listing at the bottom of individual posts (which at the moment are no longer showing up). Here is the code I used in the custom css:

.x-integrity .post .entry-footer {
  display: none;
}

[RadModerator]

Hi Jonathan,

You can change it into :

.blog .entry-footer {
display: none;
}

Hope this helps.

[Jonathan BParticipant]

Perfect! thank you

[RadModerator]

You’re welcome Joanathan!

[Claire GParticipant]

Hi there,

I have used the revolution slider on two websites using the x theme.
2 days ago it was working – then it stopped working on macs and then stopped on pc too.

How does it deteriorate over time?
Also my visual composer which I used to make the whole site is now no longer working.
I cant even add media.

Please help
http://www.clairegunnphotography.com

[SupportMember]

Hi Claire,

Please refer to your first opened topic, i answered you to check for a possible fix.

Thank you.

[Author]

Posts