Solved

Joomla Help Please!

Posted on 2011-02-17
11
1,221 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
[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
  • 3
  • 2
  • 2
  • +2
11 Comments
 
LVL 12

Expert Comment

by:Panagiotis S
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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:Panagiotis S
ID: 34923714
the code is in the template.css file in your template directory (123wd-j15-2/css)
0
 
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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
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…

717 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