Tagged: featured image, hover
- This topic has 18 replies, 2 voices, and was last updated 11 years, 5 months ago by Potzas.
-
AuthorPosts
-
April 30, 2013 at 3:18 pm #8059PotzasMember
Hi there, when viewing the page ‘Home’ it’s already showing as the ‘hover colour’. It remains grey while the rest of the titles on the menu change to grey as you hover. I would like them all to be white, unless you hover over them.
Also, I have used a featured image on my home page, rather than the slider. I want that image to be static and not link (or fade) when you click or hover on it.
If you need to see my site I have it ‘under construction’, so will remove that feature if you need to view it to answer the above.
Thanks
April 30, 2013 at 4:27 pm #8065PotzasMemberApril 30, 2013 at 5:16 pm #8066PotzasMemberAt the moment I don’t have a static page set to ‘home’. It’s not giving me the option in the dropdown. I can create a ‘home’ page and set it to static, but then I lose the featured content slider headings?
April 30, 2013 at 11:06 pm #8090SakinKeymaster@Potzas: I think you are talking about the menu active color. You can change he active background color and text color by changing the color code and add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a, #colophon .menu .current-menu-item a { background-color: #000; color: #fff; }
To have Featured Image without any link then user Featured Image Slider. Which you can do it from “Appearenance => Theme Options => Featured Slider => Slider Options”. Then select “Image Slider” and add the image you want without a link.
May 1, 2013 at 1:51 am #8113PotzasMemberThe menu is white. When you go to the home page the ‘home’ tab is set as grey, the rest of the menu is white. The others turn grey when you hover. I want none of them to be grey until they hover, including ‘home’.
Re the featured image. I did what you said, didn’t include a link url and you’re still able to click on it, and the image lightens when you hover over it. Any way around that?
Thanks!
May 1, 2013 at 6:17 pm #8141May 1, 2013 at 6:20 pm #8142PotzasMemberIt’s open now. I’ve been playing around with colours etc. If you click on 2 tabs next to one another the ‘hover’ appears as a block. Also, is there a way to stop the text from hyphenating words ie, it will break words up at the side bar, like this ex-
ample.May 1, 2013 at 6:25 pm #8145PotzasMemberAlso the image on the home page is still fading when you hover over it. I have not included a link in the featured image. I don’t want to be able to click on it to expand/view it.
May 1, 2013 at 6:31 pm #8147SakinKeymasterFor hover remove in the image.
#hgroup-wrap a:hover img,
.featured-image a:hover img,
.entry-content a:hover img,
.comment-content a:hover img,
.widget a:hover img,
a:hover img.header-image,
.author-avatar a:hover img,
a:hover img.wp-post-image {
opacity: 1;
}But I don’t understand the menu issues you are having. I see that you have already changed the colors in menus.
May 1, 2013 at 6:34 pm #8149PotzasMemberThanks will try that. Regarding the hover in the menu. If you hover over ‘why reef’, and then hover over ‘what is an administrative consultant’, the colour remains on the ‘why reef’, so it appears as a block. Is there a way to remove the hover as soon as you have stopped hovering? The hover seems to stay on the page you first looked at. Does that make sense?
May 1, 2013 at 6:41 pm #8151SakinKeymaster@Potzas: That is for active menu so you can add this in “Appearance => Theme Options => Custom CSS” box.
#header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a { background-color: transparent; }
May 1, 2013 at 7:14 pm #8155PotzasMemberThat doesn’t work. I need the hover to be a certain colour and the active to be the menu background colour.
May 1, 2013 at 9:10 pm #8164PotzasMemberAlso, I don’t want anyone to be able to click on the image on my home page to view it. It is no longer fading out when I click on it though which is good. Anything I can do about that?
Thanks!
May 1, 2013 at 11:35 pm #8177SakinKeymaster@Potzas: Please take a help from CSS developer. I have send you the css for hover and active. You can change that.
You told me to remove the fading that is why I send you the css for hover remove in the image.
I am not getting you.
May 1, 2013 at 11:48 pm #8183PotzasMemberI’m sorry you are not ‘getting me’. Am I not being clear? The image on the home page…If someone clicks on it, nothing must happen. It must remain as it is. I said this ” I don’t want to be able to click on it to expand/view it.”
May 2, 2013 at 12:07 am #8190SakinKeymaster@Potzas: Again your site in locked in. Which images are you talking about? If you are talking about changes in code then you might want to look for developer at http://jobs.wordpress.net/
May 2, 2013 at 12:09 am #8191PotzasMemberHi, it’s now open.. sorry! I am wondering if there is code you can provide in order to make the home page image (the large, main one) static. So when you click on it nothing happens. It doesn’t open, no link, nothing.
May 2, 2013 at 12:14 am #8193SakinKeymaster@Potzas: I think you have added the Featured Image. Why don’t you remove the links for that from your Theme Options panel.
May 2, 2013 at 12:42 am #8200PotzasMemberI added it in appearance>theme options>featured slider. I followed these instructions you gave me “To have Featured Image without any link then user Featured Image Slider. Which you can do it from “Appearenance => Theme Options => Featured Slider => Slider Options”. Then select “Image Slider” and add the image you want without a link.”
Should I use that for my home page image? Or do something else instead?
-
AuthorPosts
- The topic ‘Hover options’ is closed to new replies.