trinker

Thank you very much.

That’s very close, anyway to extend it all the way to the edge of the “page like sheet” in twenty twelve? It also appears to effect the widget areas in the side bar as well.

I lied your suggestion was perfect. The <th> thing was incorrect. For future searchers I got rid of:

<TR><TD></TD></TR>
<TR><TD></TD></TR>
<TR><TD></TD></TR>
<TR><TD></TD></TR>

And inserted:

<tr><td>?</td></tr>
<tr><td>?</td></tr>

Instead.

@wpyogi Thank you for your time in helping me with this problem.

I had the <th> tags outside of the <tr> tags and suspect that was the issue. I updated and will let you know if that worked.

Hmm putting that in has the same effect as before in that now a bunch of space appear above the table. What’s the css approach?

I wonder if it has to do with the use of <th> tags.

@wpyogi That fixed the space above the table. Thank you now how to a get extra space in between rows?

Sorry I was not clear. You are correct above that the when you inspect element of the page you see:

<p>
If you plan to attend the Literacy Student & Alumni Reunion please register for this separately below.
<br>
</p>
<hr>
<p></p>
<br>
<br>
<br>
<p></p>
<table class="certain2" border="0">

However in the text editor I see:

If you plan to attend the Literacy Student & Alumni Reunion please register for this separately below.<hr>

<table class="certain2" border="0">
.
.
.

You are right that those <br> tags don’t belong but I don’t know how to remove them since I can not see them in the text editor.

@wpyogi no the extra white space is above the table. The

<TR><TD></TD></TR>
<TR><TD></TD></TR>
<TR><TD></TD></TR>
<TR><TD></TD></TR>

business is in the middle of the table. I want the white space in between rows. it’s the white space above I want to get rid of.

@wpyogi When I go to the page link and inspect elements I see the extra stuff you’re talking about, but in the wordpress text editor itself the extra stuff isn’t there. What’s causing the insertion of the extra <br>s above the table?

That was my hacky way to insert extra rows in the table to give space in between 2 rows. I didn’t think this would have an effect above the table since it was in between rows.

WPyogi Thanks for your response. The code I copied above is from the text editor and the <br>s don’t show up there. That’s odd. Any suggestions?

This did not change anything.

esmi, I have altered the style.css in my child theme and uploaded via Filezilla. I have created and applied some classes and made minor changes via the css. So some but limited experience in doing so.

I have 2 books on html5 and css but have a website to build for a literacy center I am project manage for and the site build has a deadline so the learning I’m doing isn’t ideal.

At first I was going to follow May_68’s advice but it seems this may be less flexible (i.e., not responsive).

Here’s what I know. I am not a programmer but know one language (R) proficiently. All the changes I’ve added to style.css have use a . in front of the command not a # so I’m not sure why this one has a # in front.

How should I proceed?

esmi thank you for your response and patience. Can you be slightly more explicit (I’m new to this) as I don’t know quite what to do with this. Where to put it? (I’m guessing in the style.css and then use this as a class on the text). I appreciate the time you’re giving me.

I added this exactly and it puts the link in the far right but right below the header.

<?php
/**
 * The template for displaying the footer.
 *
 * Contains footer content and the closing of the
 * #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?>
    <p id="totop" style="text-align: right;"><a href="#">Back to Top</a></p>
	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">
	    <p style="text-align: center;">
	        <a href="/index.php/">HOME</a> | <a href="HR('ABOUT CLARI')">ABOUT CLARI</a> | <a href="/index.php/parents-and-teachers/">PARENTS AND TEACHERS</a> | <a href="/index.php/clari-research/">CLARI RESEARCH</a> | <a href="/index.php/contact/">CONTACT</a> | <a href="/index.php/events/">EVENTS</a></br></br>
	    </p>
		<a href="https://www.buffalo.edu/"> <img class="center" src="<?php echo get_stylesheet_directory_uri(); ?>/images/ub-logo.png" alt="ub logo" /></a>
		<div class="site-info">
		</br>
			<p style="text-align: center;">
			17 Baldy Hall, North Campus &nbsp;&nbsp; Buffalo, NY  14260 <br>
            phone: 716.645.2470 &nbsp;&nbsp; fax: 716.645.5060 &nbsp;&nbsp; <a href="https://www.clari.buffalo.edu">https://www.clari.buffalo.edu</a>

            </p>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>
</body>
</html>

That’s where it is currently at (though not right aligned). I’m trying to get it to appear before the footer (the light grey line in the image) on the far right. That would indicate to me it probably doesn’t belong in the footer (could be wrong but I think the footer controls everything below the grey line) but some css file that controls pages.