WordPress Countdown Plugin – changing location in header

  • Resolved cbowcutt

    (@cbowcutt)


    13 years, 7 months ago

    Hello – I installed the WordPress Countdown Plugin and used the PHP code to add to my header. I’m having trouble changing where it is located in the header and hoping for assistance. It’s stuck on the lower left when I’d like to move it to the middle right (whitespace)

    https://www.dropbox.com/s/azed7vq3o5py33r/ttt-countdown_grab.jpg

    I have this in the style.css:

    }
#countdown{
	float:right;
	border-right:6px solid #f5f5f5;
}

    and this in the header.php:

    <div id="countdown" class="clearfix">
<ul><?php echo do_shortcode('[CountDown id=1 width=200 custom_widget=0 year=2012 month=11 day=22 hours=8 minute=00 textunder=true]'); ?>
</div>

    Any help is appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)
  • zex2911

    (@zex2911)

    13 years, 7 months ago

    Try adding ‘margin-right: 120px’ to #countdown, or float it to the left and add left margin. If you added the link to your site it would be much easier to help you.
    Also, if you are using Chrome you can always right click on a element you want to move/change. It will open up developer console where you can make changes to the site until you are happy with them. Then al you have to do is to copy those changes to your style.css

    Thread Starter cbowcutt

    (@cbowcutt)

    13 years, 7 months ago

    Thank you Zex for the info – very helpful. I played with the inspect element and was able to change the position – but not save, even when copying>pasting into the various style.css associated w/ the theme (the main css and also the plug-in css). The link is:

    http://bit.ly/TBUZJP

    And I’ve removed maintenance mode if there are any suggestions you have. thanks again!

    zex2911

    (@zex2911)

    13 years, 7 months ago

    Look at the line 393 in your style.css. There is a closing }, but it’s never opened. Delete that and you are good to go. 🙂
    It’s right here, between social icons and #countdown

    /* ----------------------------------------------------- */
/* Social Icons */

}
#countdown{
	position: relative;
	width: 200px;
	height: 81.6326530612px;
	margin-left: 675px;
	padding-top: 40px;
	text-align: center;
}

    Thread Starter cbowcutt

    (@cbowcutt)

    13 years, 7 months ago

    Awesome – that did it!

    Thank you very much I really appreciate it.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘WordPress Countdown Plugin – changing location in header’ is closed to new replies.

Tags