different kind of hover for different elements
-
hi everyone!
i really hope that someone can help me out with this problem.. thank you all in advance.in the sidebar bar i have text, categories and images with the X hover state activated.
what i need is to write some css code to make a different hover state just for images.
or
to make that any image on the sidebar doesn’t have any hover state at all.
(whatever works)
-btw, my blog theme is blogum.
The blog I need help with is: (visible only to logged in users)
-
I see that http://youthandlust.wordpress.com/ is using Blogum, but I don’t see any images in the sidebar. Can you post a URL with an example where we can see the images you’re referring to?
-
the blog is this one:
http://changinglinesblog.wordpress.com/here goes a print preview to explain me better:
http://dl.dropbox.com/u/2355595/cl_problem.pngthank u
-
This will get rid of the hover state on images in image widgets in the sidebar.
.widget_image .widget-body a:hover { background: none; }You need to add the footer credits for wordpress and the theme back in though. It is not allowed to remove those here at wordpress.COM.
-
thank u so much! it worked!
just one more thing,
Is there a way to get the widget image to open the link in a new window?best
-
There isn’t a way to change the link target in the image widget.
But you could add the image with a little html manually using a text widget to get that effect. Here’s an example:
<a href="http://lostdecember.tumblr.com" target="_blank"><img src="http://dl.dropbox.com/u/2355595/CL_WordPress/tigre_banner1.gif" class="alignnone" width="225" height="225"></a> -
Not on an image widget, no. You would have to hand-code the HTML into a text widget instead of using an image widget.
http://en.support.wordpress.com/widgets/text-widget/
http://en.support.wordpress.com/links/text-widget-links/ -
that would be great if i had not that conflict text hover state vs image hover state.
i guess i will have to chose between image widget link openning in another window and keeping the hover state like i want it.
thank u both anyway!
-
Oh! You can have both if you update the CSS to match the text widget you add. :) I just didn’t think about the hover state in my text widget example. If you use a text widget and want to remove image hover state from just inside that text widget, first you have to add the text widget and then look at the page source to see which ID number was assigned. For example, it might be “#text-4”. And then you would add this to just get rid of hover background colors in just that text widget:
#text-4 a:hover { background: none; }Don’t forget to update “#text-4” to the id for the text widget that you add.
-
The hover state can be corrected in the text widget just as easily as it was in the image widget.
-
-
-
-
Hello again!
I am searching every wp forum, but i cant find anything on this:
– is it possible to have a single image post on my wall, but after you click on the post it actually opens the complete post with several images?
(cause sometimes I have 4/ 5 images posts and I would like to make them shorter on the main page)
-
-
thanks man..
thesacredpath,
the code you gave me once for the non hover state on widget images..
could you give me a similar one, but for the images on the posts?.widget_image .widget-body a:hover {
background: none;
}I tried this, but it didn’t work out…
.post-content img a:hover {
background: none;
}
- The topic ‘different kind of hover for different elements’ is closed to new replies.