Follow button alignment

• 

  2goccediveleno · Member · Mar 13, 2021 at 9:36 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m trying to make a simple footer layout but the alignment it’s driving me crazy!
  The footer is pretty simple, 3 columns, the 1st one with social links, the 2nd one with theme credits and the last one with follow button for WP.
  Tell me if I wrong but, because the site is external, I have to follow this guide

  Follow Button Creation

  
  All ok, but I can not in any way center the banner of wordpress in the last column.
  Here the footer code

  <?php
  /**
   * The template for displaying the footer.
   *
   * Contains the closing of the #content div and all content after.
   *
   * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
   *
   * @package Toujours
   */
  
  ?>
  		</div><!-- .wrap -->
  	</div><!-- #content -->
  
  	<footer id="colophon" class="site-footer" role="contentinfo">
  		<div class="wrap">
  			<?php toujours_social_menu(); ?>
  			<div class="site-info">
  
  				<table border="0" cellspacing="0" cellpadding="0" align="center" class="footer-table">
  				<tbody>
  				<tr>
  				<td style="text-align:center"><?php dynamic_sidebar( 'footer' ); ?></td>
  				<td style="text-align:center">
  
  					<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'toujours' ) ); ?>" target="_blank" rel="noopener noreferrer"><?php printf( esc_html__( 'Proudly powered by %s', 'toujours' ), 'WordPress' ); ?></a>
  					<span class="sep"> | </span>
  					<a href="http://automattic.com/" target="_blank" rel="noopener noreferrer">Tema di base Automattic</a>
  
  				</td>
  				<td style="text-align:center">
  					<a class="wordpress-follow-button" href="https://www.goccediveleno.it" data-blog="https://www.goccediveleno.it" data-lang="it">Segui Gocce di Veleno su WordPress.com</a>
  					<script type="text/javascript">(function(d){var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');p.type = 'text/javascript';p.async = true;p.src = '//widgets.wp.com/platform.js';f.parentNode.insertBefore(p,f);}(document));</script>
  				</td>
  				</tr>
  				</tbody>
  				</table>
  
  			</div><!-- .site-info -->
  		</div><!-- .wrap -->
  	</footer><!-- #colophon -->
  </div><!-- #page -->
  
  <?php wp_footer(); ?>
  
  </body>
  </html>

  I tried a lot with css, but it seems that the iframe has a life of its own!

  Any idea?

  J

  The blog I need help with is: (visible only to logged in users)

• 

  staff-blorbo · Staff · Mar 13, 2021 at 11:13 pm

  • Copy link

  The iframe itself doesn’t have any any classes or ids that can be target, so there’s really no way to change that via CSS, it will just left-align with the column it’s in.

• 

  2goccediveleno · Member · Mar 14, 2021 at 1:35 pm

  • Copy link

  Thank you, I think I’ll put it in the sidebar.

  Any change to change the color?

  J

• 

  2goccediveleno · Member · Mar 14, 2021 at 8:11 pm

  • Copy link

  *chances

• 

  staff-totoro · Staff · Mar 15, 2021 at 1:26 am

  • Copy link

  Hi there,

  The styling of the button is fully contained within an iframe, and as is the case with other iFrame content (for example, a YouTube or Facebook embeds) it cannot be styled via CSS overrides.

• 

  2goccediveleno · Member · Mar 15, 2021 at 8:43 pm

  • Copy link

  Ok, thank you for the information