Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #8059
    Potzas
    Member

    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

    #8065
    Potzas
    Member
    #8066
    Potzas
    Member

    At 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?

    #8090
    Sakin
    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.

    #8113
    Potzas
    Member

    The 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!

    #8141
    Sakin
    Keymaster

    @Potzas: I need to check your site.

    #8142
    Potzas
    Member

    It’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.

    #8145
    Potzas
    Member

    Also 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.

    #8147
    Sakin
    Keymaster

    For 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.

    #8149
    Potzas
    Member

    Thanks 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?

    #8151
    Sakin
    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; }

    #8155
    Potzas
    Member

    That doesn’t work. I need the hover to be a certain colour and the active to be the menu background colour.

    #8164
    Potzas
    Member

    Also, 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!

    #8177
    Sakin
    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.

    #8183
    Potzas
    Member

    I’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.”

    #8190
    Sakin
    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/

    #8191
    Potzas
    Member

    Hi, 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.

    #8193
    Sakin
    Keymaster

    @Potzas: I think you have added the Featured Image. Why don’t you remove the links for that from your Theme Options panel.

    #8200
    Potzas
    Member

    I 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?

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Hover options’ is closed to new replies.