yukishino

Title is under image and demo layout is missing

14 posts in this topic

Hi bowthemes, i must say i fell in love with your extension Bt content slider at first sight ^^ . I'm using Joomla 2.5 so i download the version BT Content Slider for Joomla 2.5 and 3.x. My problem is the Title is under the image. I want the Title is above the image, please tell me how to fix this. And Read more display by text instead of button. I also want to put the intro text next to the image like the image below. My BT Content Slider now is displaying the intro text under the image.

32852.png

I found the Layout under Item height is missing ( Layout acordition Demo layout)

http://bowthemes.com/images/extensions/content_showcase/back-end-1.png

Share this post


Link to post
Share on other sites

Thanks . I changed these two block but it's still the same :( ,nothing change. The title is still under the image

Hi

Please open file /mod_bt_contentslider/tmpl/default.php

Change order of these two block

<?php if( $showTitle ): ?>[/size]
[size=3]<a class="bt-title" target="<?php echo $openTarget; ?>"[/size]
[size=3]title="<?php echo $row->title; ?>"[/size]
[size=3]href="<?php echo $row->link;?>"> <?php echo $row->title_cut; ?> </a><br />[/size]
[size=3]<?php endif; ?>

and this

[/size]

[size=3]<?php if( $row->thumbnail && $align_image == "center" ): ?>[/size]
[size=3]<div class="bt-center">[/size]
[size=3]<a target="<?php echo $openTarget; ?>"[/size]
[size=3]class="bt-image-link<?php echo $modal? ' modal':''?>"[/size]
[size=3]title="<?php echo $row->title;?>" href="<?php echo $modal?$row->mainImage:$row->link;?>">[/size]
[size=3]<img <?php echo $imgClass ?> src="<?php echo $row->thumbnail; ?>" alt="<?php echo $row->title?>" style="width:<?php echo $thumbWidth ;?>px;" title="<?php echo $row->title?>" />[/size]
[size=3]</a>[/size]
[size=3]</div>[/size]
[size=3]<?php endif ; ?>[/size]
[size=3]

Share this post


Link to post
Share on other sites

Do you set "Align Image" by "Left"

So please bring show title block to above this block

<?php if( $row->thumbnail && $align_image != "center"): ?>
<a target="<?php echo $openTarget; ?>" class="bt-image-link<?php echo $modal? ' modal':''?>" title="<?php echo $row->title;?>" href="<?php echo $modal?$row->mainImage:$row->link;?>">
<img <?php echo $imgClass ?> src="<?php echo $row->thumbnail; ?>" alt="<?php echo $row->title?>" style="width:<?php echo $thumbWidth ;?>px; float:<?php echo $align_image;?>;margin-<?php echo $align_image=="left"? "right":"left";?>:5px" title="<?php echo $row->title?>" />
</a>
<?php endif ; ?>

Share this post


Link to post
Share on other sites

Thanks for your fast and great answer ^^ . You're so kind

Hi.

Please add this css rule to file /mod_bt_contentslider/tmpl/css/btcontentslider.css

.bt-introtext{

text-align: justify;

}

I only added the css rule above to btcontentslider.css. Why did it affect other module ? for example my module main slide with big image and intro text on the top of website?

Share this post


Link to post
Share on other sites

Do you have many BT Content Slider instances on same page.

So you can change this rule a little

#mod_bt_contentsliderID .bt-introtext{

text-align: justify;

}

with ID is your module's id you want to apply the rule to it.

Example

#btcontentslider100 .bt-introtext{

text-align: justify;

}

yukishino likes this

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now