Joomla Templates Club 406,261 posts

[brasspla Friend brassplaJoin date: October 2007Posts: 16Downloads:0Uploads:3 Thanks: 10 Thanked: 1 times in 1 posts]

#139820

hi,

After installation the picture used in the frontpage article was in the upper right corner of the template, I changed the page claa suffix to _fp, now the picture is in the content part of the template but covers the text.

Any idea’s ?

Thanks
Peter

1 user says Thank You to brasspla for this useful post

1. weather290

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#299641

Hi brasspla,
Please give your live site to me!

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#299648

Live Site URL: http://www.comfortland.de

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#299677

Hi brasspla,
The demo has the problem because the picture is too big. So, I think It has two solutions. The best solution: the your picture should have only the width is 75px. With the normal solutions when picture must have the width as the present, you should:
in template.css line 505


.contentpaneopen_fp .ja-innerpad {
min-height:100px;
/*padding-left:88px;*/
}

In line 518 :


div.img-desc {
float:left;
/*left:0;
position:absolute;
top:0;*/
}


In line 524, change :


div.content-desc h2.contentheading_fp {
background:#810C46;
clear:right;
color:#FFFFFF;
float:left;
font-size:100%;
margin:0 0 10px;
padding:3px 10px;
text-transform:uppercase;
}

to


div.article-content h2.contentheading_fp {
background:#810C46;
color:#FFFFFF;
font-size:100%;
margin:0 0 10px;
padding:3px 10px;
text-transform:uppercase;
}

And then, in templates/ja_quartz/html/com_content/frontpage/default_item.php line 75, change code :
[PHP]
<div class=”content-desc”>
<?php if ($this->item->params->get(‘show_title’)) : ?>
<h2 class=”contentheading<?php echo $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->item->params->get( ‘pageclass_sfx’ ); ?>”>
<?php echo $this->item->title; ?>
</a>
<?php else : ?>
<?php echo $this->item->title; ?>
<?php endif; ?>
</h2>
<?php endif; ?>
<?php echo $this->item->text; ?>
</div>
[/PHP]
to
[PHP]
<?php if ($this->item->params->get(‘show_title’)) : ?>
<h2 class=”contentheading<?php echo $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->item->params->get( ‘pageclass_sfx’ ); ?>”>
<?php echo $this->item->title; ?>
</a>
<?php else : ?>
<?php echo $this->item->title; ?>
<?php endif; ?>
</h2>
<?php endif; ?>
<?php echo $this->item->text; ?>
[/PHP]

Good luck

1 user says Thank You to Css Magician for this useful post

1. brasspla

[Author]

Posts