Solved

Joomla Help Please!

Posted on 2011-02-17
11
1,214 Views
Last Modified: 2012-05-11
I am trying to edit my webpage that I have vreated with Joomla but I just cant get some small stuff to work with the template I am using. I actually started this at the end of the project so I am trying to figure out how to edit the template. On the homepage some of the words are getting cut off on the right hand side. I was hoping I can just drag the line over to so that its not cutting some of the words off. This only happens on the homepage and its the homepage that I am working on, the rest of the site is fine. I am also trying to change the picture (banner) at the top of the page to include two more pictures but I cant find the original picture thats at the top. I have a limited knowledge in html so your help would be very appreciated. The website is http://lac-core.org/ and I will include the html as well. I am sure that is a easy fix but I am not sure what to change but I will try your suggestions.
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

<!--[if lte IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
<![endif]-->

</head>
<body class="body_bg">
	<div id="page_bg">
		<!-- Logo -->
		<div id="logo">
			<table cellspacing="0" cellpadding="0">
				<tr>
					<td>
						<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>

					</td>
				</tr>
			</table>
		</div>
		<!-- /Logo -->

		<!-- Header -->
		<div id="header">
			<div class="header_img">
				<?php if($this->countModules('user1') and $this->countModules('user2') and JRequest::getCmd('layout') != 'form') : ?>
					<!-- News -->
					<div class="news">
						<?php if($this->countModules('user1') and JRequest::getCmd('layout') != 'form') : ?>
						<div class="latest">
							<jdoc:include type="modules" name="user1" style="rounded" />
						</div>
						<?php endif; ?>
						
						<?php if($this->countModules('user1') and $this->countModules('user2') and JRequest::getCmd('layout') != 'form') : ?>
						<div class="separator"></div>
						<?php endif; ?>
						
						<?php if($this->countModules('user2') and JRequest::getCmd('layout') != 'form') : ?>
						<div class="popular">
							<jdoc:include type="modules" name="user2" style="rounded" />
						</div>
						<?php endif; ?>
						<div class="clr"></div>
					</div>
					<div class="clr"></div>
					<!-- /News -->
				<?php endif; ?>
			</div>
			
			<!-- Pillmenu -->
			<div id="pillmenu">
				<!-- User Help: Center menu replace float: left; or float: right; with : margin: 0 auto;  -->
				<table cellspacing="0" cellpadding="0" style="float: left;">
					<tr>
						<td>
							<jdoc:include type="modules" name="user3" />
						</td>
					</tr>
				</table>
				<div class="clr"></div>
			</div>
			<!-- /Pillmenu -->
		</div>
		<!-- /Header -->
		
		<!-- Pathway col -->
			<div id="pathway_col">
				<div class="pathway">
					<jdoc:include type="module" name="breadcrumbs" />
				</div>
				<div class="search_box">
					<jdoc:include type="modules" name="user4" />
				</div>
				<div class="clr"></div>
			</div>
		<!-- /Pathway col -->
		
		<!-- Wrapper -->
		<div id="wrapper">
			<div id="content">
				<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
					<div id="leftcolumn">	
						<jdoc:include type="modules" name="left" style="rounded" />

					</div>
					<?php endif; ?>
					
					<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
					<div id="maincolumn">
					<?php else: ?>
					<div id="maincolumn_full">
					<?php endif; ?>
						<div class="nopad">			
							<jdoc:include type="message" />
							<?php if($this->params->get('showComponent')) : ?>
								<jdoc:include type="component" />
							<?php endif; ?>
						</div>
					</div>
					
					<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
					<div id="rightcolumn">
						<jdoc:include type="modules" name="right" style="rounded" />								
					</div>
				<?php endif; ?>
				<div class="clr"></div>
			</div>		
		</div>
		<!-- /Wrapper -->
		
		<!--footer start-->
		<div id="footer">
			<div id="f123">
				<div>
					<div style="padding: 5px 0; text-align: center;">						Latin American and Caribbean Council on Renewable Energy
						
					</div>
				</div>
			</div>
		</div>
		<!--footer end-->	
		
	</div>
	<jdoc:include type="modules" name="debug" />
</body>
</html>

Open in new window

0
Comment
Question by:jamar_roland
  • 3
  • 2
  • 2
  • +2
11 Comments
 
LVL 12

Expert Comment

by:panagiotiss
ID: 34921478
for the words try changing the  .contentpaneopen put width: 540px;

for the images you can edit the  #header .header_img which is on
templates/123wd-j15-2/css/template.css  you can make a new photo containing 2
0
 
LVL 1

Author Comment

by:jamar_roland
ID: 34921607
Are those in the code that I posted above because I cant find them even when I do a search for both of the suggestions
0
 
LVL 1

Author Comment

by:jamar_roland
ID: 34921985
Are you reffering to the CSS code? Which line do you see it on above?
0
 
LVL 2

Accepted Solution

by:
meenaxi earned 250 total points
ID: 34923558
Hi Jamar ronald... The reason for the right side text cut off is the image in the article. You have set the width of the image is
<img height="118" width="569" src="/images/stories/refflac-header-2.jpg" alt="refflac-header-2">

Reduce the Width
<img height="118" width="525" src="/images/stories/refflac-header-2.jpg" alt="refflac-header-2">
in the article or wherever you have inserted it. It will display correct.

0
 
LVL 12

Expert Comment

by:panagiotiss
ID: 34923714
the code is in the template.css file in your template directory (123wd-j15-2/css)
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 10

Expert Comment

by:fearialtog
ID: 34924923
Your problem is related to the image you have in the article itself. Change the dimensions of the image to below 540 pixels in width and your problem is solved!
0
 
LVL 2

Expert Comment

by:meenaxi
ID: 34924993
Hi fearialtog... The same thing i have answered already :)
0
 
LVL 10

Expert Comment

by:fearialtog
ID: 34925024
Yeas meenaxi but you were talking in code!
0
 
LVL 3

Assisted Solution

by:thomasd04
thomasd04 earned 250 total points
ID: 34926216
Hi Jamar. Meenaxi is correct, if you change the width of the image refflac-header-2.jpg down to 525px, it will correct the problem. You would change this value while editing the article when you are logged into Joomla front or back-end. Your WYSIWYG editor may have a tool to change the properties of the image or you can switch to HTML view to find and change the value.

As far as the image in your header, you can do one of two things. You can download and edit the actually image file to include a second and third image (the image is located at http://lac-core.org/templates/123wd-j15-2/images/header_img_bg.jpg). Just increase the canvas size of the image horizontally and add the images you would like. Or, if the template has multiple modules in the header position, you can just publish a second HTML module with the image in it (extensions>>modules in Joomla admin panel).

Might I also suggest modifying the image on the right side. Use a png file format and delete the white space so it blends better with the gray background.

Good luck!
0
 
LVL 1

Author Closing Comment

by:jamar_roland
ID: 34926905
Great thanks, I wont be using Joomla anymore.
0
 
LVL 3

Expert Comment

by:thomasd04
ID: 34926956
Thanks for the points jamar. Joomla is actually a very good Content Management System. It's developer community is very large and you can find all kinds of extensions to make your site even better. It will only take a little time to get familiar with it before you start liking it...at least give Joomla  a chance :)
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
2 CSS questions 11 35
Scrolling the scrollbar in a list in html 9 31
Creating a slider 12 34
Login area of a page 4 19
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

706 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now