WordPress.org

Forums

Rollover Image in header (9 posts)

  1. BusyBrandi
    Member
    Posted 3 years ago #

    Website: http://busybrandi.com
    Theme: Blissful Blog

    Hi there. I have been trying to add an image to my header that when your mouse hovers over it, the image moves up but the rest of the header doesn't move. For example, when i hover over a circle on the left side of the header it moves up, but the words on the right side of the header is stationary. I am not very good with CSS. Could anyone possibly walk me through doing this? Thanks so much in advance!

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    I'm sorry but it is beyond the scope of these forums to teach basic markup and CSS. Try asking on a general CSS forum.

  3. BusyBrandi
    Member
    Posted 3 years ago #

    Really? :( That's odd. i have searched this forum up and down and i have seen so many similar posts but not one as specific i guess. I understand the basic markup, what i meant was i wasn't sure if you need to use JQuery or if i could use CSS. Thanks anyways. Sorry for wasting your time.

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    It depends upon the theme.

  5. BusyBrandi
    Member
    Posted 3 years ago #

    I am using Blissful Blog Theme. I have noticed that there is some JQuery code in my header.php such as

    <script type="text/javascript">
    	var $j = jQuery.noConflict();
    	$j(document).ready(function() {
    		$j("ul.menu li:first").addClass("first");
    	});

    Bust wasn't exactly sure how or where to add a code to make the rollover happen. Would i need to add something like .rollover to my this

    <div id="header">
            <p id="title"><a>/"><img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="Header Image" /></a></p>
        </div>

    I'm just not quite sure how to do it. Thanks.

    [Please post code or markup snippets between backticks or use the code button.]

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    That jQuery has nothing to do with your header image.

  7. BusyBrandi
    Member
    Posted 3 years ago #

    Oh, i am sorry. Well then i am not sure what else i should ask. I will try somewhere else. Sorry, again.

  8. BusyBrandi
    Member
    Posted 3 years ago #

    I have tried to create a header that when you hover over it the image is changed to something else. I put the following code into my style.css , but nothing happens. Could i please get some other suggestions. Thanks in advance!

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  9. BusyBrandi
    Member
    Posted 3 years ago #

    sorry, here is the code

    http://pastebin.com/XHPtnpDp

    I hope i did that right :)

Topic Closed

This topic has been closed to new replies.

About this Topic