Placing Text below image

Hi Guys,

Is there anyway i can put the following text under the header image on the left on the website www.ias.ie

Patron of IAS: Michael D. Higgins Uachtaráin na hEireann

Thank you so much
jonathanduane2010Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
WebDevEMConnect With a Mentor Commented:
Hi,

If you edit your header-top-container to add a DIV at the bottom, like so:
<div id="header-top-container">
			<div id="header-top">
				
				<div id="header-top-left">
												
				</div><!-- close #header-top-left -->

				
								<div id="header-top-right">
					
					<div class="social-icons">
																																																					</div>
				</div><!-- close #header-top-right -->
	<div id="headerText" style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
">Patron of IAS: Michael D. Higgins Uachtaráin na hEireann</div>			
								
				<div class="clearfix"></div>
			</div><!-- close #header-top -->
  
		</div>

Open in new window

that will add the text below the pictures and above the menu.  The text is still inheriting its grey color from other styles, so I'm looking into how to override that in case you wanted it darker.  I'd also recommend putting the styles into your CSS file rather than embedding them in the DIV tag itself, to keep the code cleaner.  To do that, just remove the style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
" and add the following to your CSS file:
#headerText {style="
    padding-top: 173px;
    margin-left: -76px;
    text-shadow: none;
"}

Open in new window

Hope this helps,

WebDevEM
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.