Fetching latest tweet ...
closed resolved
Johnny Cache
Member
I got it centered by adjusting the size of the image, which was slightly too large (although it was fine before).
Now all I have to do is get rid of the semi-transparent bar at the bottom of the slider (which should be easy, if you know how), and making the image non-clickable (which Syahir said would be easy, but didn't tell me how).
Any takers?
..Now all I have to do is get rid of the semi-transparent bar at the bottom of the slider..
Try adding this to Graphene Options --> Display --> Custom CSS.
.featured_slider {
background: none !important;
margin-top: -25px;
padding-bottom: 8px !important;
}You may have to adjust margin and padding values.
Or this, (whichever applies in your case)
.slider-content-wrap {
display: none;
}..and making the image non-clickable..
Go to Graphene Options --> Advanced --> Custom <head> Tags and paste the below code there,
<script type="text/javascript">
jQuery(document).ready(function($){
$('#slider_root').find('img').unwrap();
});
</script>Again, you have to give us the URL of your site. Each WordPress site is unique. One size fits all solution doesn't apply here. If you don't include link to your site, we just assume the default configurations and suggest you some solutions. By chance if it doesn't work for you, you come back here and yell at the person who is trying to help you. So, please include link to your site while asking questions in any support forum.
Johnny Cache
Member
Thank you, this worked:
.slider-content-wrap { display: none; }
However, there is still a little white dot under the image. Hovering over it shows my domain followed by "/#". Clicking it doesn't do anything.
This didn't work, unfortunately:
<script type="text/javascript"> jQuery(document).ready(function($){ $('#slider_root').find('img').unwrap(); }); </script>
Any other ideas on how to make the slider image nonclickable?
If you don't include link to your site, we just assume the default configurations
This didn't work, unfortunately:
Okay, just add this to Custom CSS,
.permalink-overlay {
display: none !important;
}...Well, that's just it. It IS the default configuration,..
Even though it is a default configuration, WordPress assigns an unique ID for each of your posts/pages/widgets etc., That's why we need to see the site in question to give you the exact solution. For example, if I've had found out that you are using background image for slider earlier, I wouldn't have given you the jQuery code. That just doesn't work if the image is not being inserted with <img> tag.
Now there's just that annoying little dot. Do you know perchance how to get rid of it?
.slider_nav {
display: none;
}Yes, but he went through a lot more work than he needed to. If you expect to get help from a forum, you should at least read the forum rules first.
That is rude and uncalled for. We are here to help you, but expect you to follow the rules of the forum. If this is to be your continued attitude, you are welcome to take your inquiries elsewhere.
This topic has been closed to new replies.
