?
Solved

Joomla Help Please!

Posted on 2011-02-17
11
Medium Priority
?
1,222 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 2

Accepted Solution

by:
meenaxi earned 1000 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 1000 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

770 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