Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#163436

It seems the default setting for images in the articles is set to the right side. How can I reset this default? (I’m trying to have images on the left side).

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389237

Change this::

.img_caption img {template.css (line 848)
background-color: #F2F2F2;
border: 1px solid #DDDDDD;
float: right;
height: 125px;
padding: 4px;
position: absolute;
right: 0;
width: 125px;
}

to

.img_caption img {template.css (line 848)
background-color: #F2F2F2;
border: 1px solid #DDDDDD;
float: left;
height: 125px;
padding: 4px;
position: absolute;
left: 0;
width: 125px;
}

and then, change this::

div.article-main {template.css (line 858)
border-bottom: 1px solid #DDDDDD;
padding-right: 145px !important;
position: relative;
}

to

div.article-main {template.css (line 858)
border-bottom: 1px solid #DDDDDD;
padding-left: 145px !important;
position: relative;
}

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#389248

Hi aman204,
Thanks for helping. Are you sure you got the right template code (Rave)? Is this where the file is found (/templates/ja_rave/css)?

Because I looked and I can’t find the exact codes you mentioned.

Plus, I would like to the default setting to be neutral/traditional (not defined as left, right, or center). That way, each article can be customized to use any of them.

Thanks again for your help.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389252

<em>@sobe 237814 wrote:</em><blockquote>Hi aman204,
Thanks for helping. Are you sure you got the right template code (Rave)? Is this where the file is found (/templates/ja_rave/css)?

Because I looked and I can’t find the exact codes you mentioned.

Plus, I would like to the default setting to be neutral/traditional (not defined as left, right, or center). That way, each article can be customized to use any of them.

Thanks again for your help.</blockquote>

The file is right as given by you where the updates are to be done. You can use in ctrl+f to find the reference code and then, make updates accordingly

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#389255

Are you absolutely sure? I’ve checked, re-checked, and checked again; but can’t find the exact codes you mentioned. For example, I pressed crtl-f and typed “div.article-main” and nothing. I did this using other characters you mentioned, and no luck.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389331

<em>@sobe 237822 wrote:</em><blockquote>Are you absolutely sure? I’ve checked, re-checked, and checked again; but can’t find the exact codes you mentioned. For example, I pressed crtl-f and typed “div.article-main” and nothing. I did this using other characters you mentioned, and no luck.</blockquote>

I have re-checked and the css reference exists

Other way, Can you provide a link to your site to give in reference from your site and Please ensure to turn off css compression

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#389340

Here’s the exact CSS code copied into a Word file. Does this help?

---

Attachments:

1. template-css.doc

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#389722

Although the codes aren’t exactly the same, I changed two similar lines but it did not work. The image still aligns to the right and ends up scrambling the whole article. Please see attachment in the other article in this thread for the complete code. Thanks

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389733

Sorry but It is tough to judge without live site link

You can please let us know when the site has been put on web so as to take further look

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#389973

Hi aman204,
I sent the link to your Private Message box, did you receive it?

BTW, how does one disable CSS compression?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#389976

<em>@sobe 238744 wrote:</em><blockquote>Hi aman204,
I sent the link to your Private Message box, did you receive it?

BTW, how does one disable CSS compression?</blockquote>

Ok, I saw your pm’s now. Seems that you have unpublished the article now as given in last pm. I would also suggest to please give in reply notification when the pm had been sent 🙂

Please publish the article so as to take a look

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#390015

Hi aman204,
The misalignement problem only seems to occur on the Front Page. I’ve sent login information to your Private Message box for you to take a look. The login button is on the bottom of screen. Thanks

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#390024

The allignment of the images for the frontpage is by design and is done with a combination of PHP and CSS. What do you want? To be able to set allignment manually?

To do that open templates>ja_rave>html>com_content>frontpage>default_item.php and replace all the code that contains with the code below.

<?php
/*
# ------------------------------------------------------------------------
# JA Anion template for Joomla 1.5.x
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/

// no direct access
defined('_JEXEC') or die('Restricted access'); ?>
<?php
//Get out all images
$regex = "/<img[^>]*>/";
$images = '';
if (preg_match_all ($regex, $this->item->text, $matches)) {
$this->item->text = preg_replace ($regex, '', $this->item->text);
$images = implode ("n", $matches[0]);
}
?>

<div class="article-main">
<div class="contentpaneopen<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?> clearfix">
<div class="view-icon">
<?php if ($this->user->authorize('com_content', 'edit', 'content', 'all') || $this->user->authorize('com_content', 'edit', 'content', 'own')) : ?>
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="float: left;">
<?php echo JHTML::_('icon.edit', $this->item, $this->item->params, $this->access); ?>
</div>
<?php endif; ?>
<?php if ($this->item->params->get('show_title')) : ?>
<h2 class="contentheading<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>">
<?php if ($this->item->params->get('link_titles') && $this->item->readmore_link != '') : ?>
<a href="<?php echo $this->item->readmore_link; ?>" class="contentpagetitle<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>">
<?php echo $this->escape($this->item->title); ?>
</a>
<?php else : ?>
<?php echo $this->escape($this->item->title); ?>
<?php endif; ?>
</h2>
<?php endif; ?>
</div>
<?php if (!$this->item->params->get('show_intro')) :
echo $this->item->event->afterDisplayTitle;
endif; ?>
<?php
if (
($this->item->params->get('show_create_date'))
|| (($this->item->params->get('show_author')) && ($this->item->author != ""))
|| (($this->item->params->get('show_section') && $this->item->sectionid) || ($this->item->params->get('show_category') && $this->item->catid))
|| ($this->item->params->get('show_pdf_icon') || $this->item->params->get('show_print_icon') || $this->item->params->get('show_email_icon'))
|| ($this->item->params->get('show_url') && $this->item->urls)
) :
?>
<div class="article-tools clearfix">
<div class="article-meta">
<?php if (($this->item->params->get('show_author')) && ($this->item->author != "")) : ?>
<span class="createby">
<?php JText::printf(($this->item->created_by_alias ? $this->escape($this->item->created_by_alias) : $this->escape($this->item->author)) ); ?>,
</span>
<?php endif; ?>
<?php if ($this->item->params->get('show_create_date')) : ?>
<span class="createdate">
on <?php echo JHTML::_('date', $this->item->created, JText::_('DATE_FORMAT_LC3')); ?>
</span>
<?php endif; ?>
<?php if (($this->item->params->get('show_section') && $this->item->sectionid) || ($this->item->params->get('show_category') && $this->item->catid)) : ?>
<?php if ($this->item->params->get('show_section') && $this->item->sectionid && isset($this->item->section)) : ?>
<span class="article-section">
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getSectionRoute($this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->section); ?>
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '</a>'; ?>
<?php endif; ?>
<?php if ($this->item->params->get('show_category')) : ?>
<?php echo ' - '; ?>
<?php endif; ?>
</span>
<?php endif; ?>
<?php if ($this->item->params->get('show_category') && $this->item->catid) : ?>
<span class="article-section">
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug, $this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->category); ?>
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '</a>'; ?>
<?php endif; ?>
</span>
<?php endif; ?>
<?php endif; ?>
</div>
<?php if ($this->item->params->get('show_pdf_icon') || $this->item->params->get('show_print_icon') || $this->item->params->get('show_email_icon')) : ?>
<div class="buttonheading">
<?php if ($this->item->params->get('show_email_icon')) : ?>
<span class="ja-button-email">
<?php echo JHTML::_('icon.email', $this->item, $this->item->params, $this->access); ?>
</span>
<?php endif; ?>
<?php if ( $this->item->params->get( 'show_print_icon' )) : ?>
<span class="ja-button-print">
<?php echo JHTML::_('icon.print_popup', $this->item, $this->item->params, $this->access); ?>
</span>
<?php endif; ?>
<?php if ($this->item->params->get('show_pdf_icon')) : ?>
<span class="ja-button-pdf">
<?php echo JHTML::_('icon.pdf', $this->item, $this->item->params, $this->access); ?>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($this->item->params->get('show_url') && $this->item->urls) : ?>
<span class="article-url">
<a href="http://<?php echo $this->escape($this->item->urls) ; ?>" target="_blank"><?php echo $this->escape($this->item->urls); ?></a>
</span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php echo $this->item->event->beforeDisplayContent; ?>
<div class="article-content"><?php if ($images): ?>
<div>
<div><?php echo $images ?></div>
</div>
<?php endif; ?>
<?php if (isset ($this->item->toc)) : ?>
<?php echo $this->item->toc; ?>
<?php endif; ?>
<?php echo $this->item->text; ?>
</div>
<?php if ( intval($this->item->modified) != 0 && $this->item->params->get('show_modify_date')) : ?>
<span class="modifydate">
<?php echo JText::sprintf('LAST_UPDATED2', JHTML::_('date', $this->item->modified, JText::_('DATE_FORMAT_LC2'))); ?>
</span>
<?php endif; ?>
<?php if ($this->item->params->get('show_readmore') && $this->item->readmore) : ?>
<a href="<?php echo $this->item->readmore_link; ?>" title="<?php echo $this->escape($this->item->title); ?>" class="readon<?php echo $this->escape($this->item->params->get('pageclass_sfx')); ?>">
<?php if ($this->item->readmore_register) : ?>
<span><?php echo JText::_('Register to read more...'); ?></span>
<?php else : ?>
<span><?php echo JText::_('READ MORE...'); ?></span>
<?php endif; ?>
</a>
<?php endif; ?>
</div>
</div>
<?php echo $this->item->event->afterDisplayContent; ?>


Then open templates>ja_rave>css>template.css and around line 858 remove the line I have highlighted in red below


div.article-main {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 13px;
padding-right: 145px !important;
position: relative;

}

1 user says Thank You to Phill for this useful post

1. sobe

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#390030

Thank you, your solution worked!

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#390089

Hi Phill,
Although your solution seemed to have solved the problem, it unfortunately created another one. Now the images on the front page automatically appear at the beginning of the article when its published, no matter where they are originally located.

Meaning, the images in the middle and end of the articles pop up at the beginning. Do you have any suggestions?

[Author]

Posts