Tagged: featured image, hover
- This topic has 18 replies, 2 voices, and was last updated 11 years, 4 months ago by
Potzas.
-
AuthorPosts
-
April 30, 2013 at 3:18 pm #8059
Potzas
MemberHi 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 #8065Potzas
MemberApril 30, 2013 at 5:16 pm #8066Potzas
MemberAt 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 #8090Sakin
Keymaster@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 #8113Potzas
MemberThe 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 #8142Potzas
MemberIt’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 #8145Potzas
MemberAlso 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 #8147Sakin
KeymasterFor 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 #8149Potzas
MemberThanks 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 #8151Sakin
Keymaster@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 #8155Potzas
MemberThat 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 #8164Potzas
MemberAlso, 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 #8177Sakin
Keymaster@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 #8183Potzas
MemberI’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 #8190Sakin
Keymaster@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 #8191Potzas
MemberHi, 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 #8193Sakin
Keymaster@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 #8200Potzas
MemberI 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.