Solved

Placing Text below image

Posted on 2014-01-21
1
400 Views
Last Modified: 2014-01-21
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
0
Comment
Question by:jonathanduane2010
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 9

Accepted Solution

by:
WebDevEM earned 440 total points
ID: 39796866
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

Featured Post

PowerShell Core for Advanced Linux Administrators

Understand advanced principals around Powershell Core with a focus on the Linux Administrator.  This course covers how to administer numerous environments across multiple platforms including Linux, Azure, AWS, and Google Cloud from a single shell instance.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

628 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question