Adjust alignment and position in Posts

  • Resolved iraheinichen

    (@iraheinichen)


    8 years, 6 months ago

    Hey guys,

    First of all…*wonderful* job on this clock. It is EXACTLY what I was looking for. Love the simple design, the simple interface, etc.

    The only issue I’m having is that I can’t seem to figure out how to *move* the clock when it’s being used as a shortcode inside a page post. Ie- I’d like to get it centered horizontally, and then have the ability to “float” it vertically using px values, (ie- 500px, etc.) so I can line it up perfectly with some of the other stuff I’m putting onto this full-page post.

    Here is the page, specifically, that I’m creating: https://theincrediblog.com/twoguysonetrek/

    I’d like to have my image first, with the CountDown FlipClock below it and center-aligned. Is there something I’m missing in using the shortcode in my post? Or is there some code I need to add to the plugin to make this possible? Any help would be most appreciated, and thank you again!

    https://www.ads-software.com/plugins/countdown-flipclock/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter iraheinichen

    (@iraheinichen)

    anyone have any ideas?

    Plugin Author BlueLevel

    (@bluelevel)

    Hi! Well, sorry for being late. I visited your site but cannot diagnose the problem like that. The best option would be to send me the source code of your page. I’ll do everything I can to solve this, if you send me the code.
    Thanks, and please rate and tell your friends to rate my plugin!

    Thread Starter iraheinichen

    (@iraheinichen)

    no worries, thanks for responding!

    Here is the source code for the page template…I’m unsure if that’s what you need, or if you also need me to go around digging into other CSS files. I’m not super well-versed in all that stuff, so if you need more code, let me know where to look and I’ll get it to you.

    <?php /**
 	Template Name: Landing Page
?
*/ ?>
<html>
<head>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <style type="text/css">
body { background-image: url('https://i2.wp.com/theincrediblog.com/wp-content/uploads/2016/05/teaser-background.png'); background-repeat: repeat-y; background-position: top center; background-attachment: scroll; } #page-content { width: auto; margin: 20px auto; }
</style>
<title><?php wp_title( '|', true, 'right' ); bloginfo('url'); ?></title> <?php wp_head(); ?>
</head>
?
<body class="tg1t">
<?php while (have_posts()) : the_post(); ?>
<div id="page-content">
 	<?php the_content(); endwhile; ?>
</div>
</body>
</html>

    So, the above, when placed into my theme’s folder, gives me a template to choose from in the “add new page” wordpress interface. It’s here that I’m adding the shortcode for the clock.

    Someone else was able to give me the following code to add to my custom CSS page, which *centered* the plugin on my landing page, which works for now to be honest…but I’d still much rather be able to have the plugin show up where I’m actually inserting the shortcode in a post.

    .flip-clock-wrapper {
    display: table;
    float: none;
    margin: 0 auto !important;
    width: auto;
}

    I don’t think it’s a problem with my template page, because I inserted the shortcode into a normal post (https://theincrediblog.com/2016/06/11/test/) and I was still unable to get it appear in between my two lines of text, where I had inserted the shortcode. It still appears at the very top of the post. Perhaps it’s something going on with my theme (Oxygen)?

    Plugin Author BlueLevel

    (@bluelevel)

    Actually, I was working on the plugin lately. I have refurbished the code and also added the ability to add multiple clocks. I also have checked your problem and solved it in my new update. The new version 2.0 will be launched today itself. Please update your plugin and let me know about any comments or suggestions. Please rate and review my plugin.
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjust alignment and position in Posts’ is closed to new replies.