Scott Rothstein

[Sovled 7r] Changing Order of Thumbnail and Title

11 posts in this topic

Is there away to change the order of the thumbnail and title.

I am trying to put the Title below the thumbnail. Right now when I enter everything the title appears above the thumbnail. When I left justify it puts the title below the thumbnail. I want to center everything and have the title below the thumbnail.

Thanks,

Scott

Share this post


Link to post
Share on other sites

Hi

Please open file /mod_bt_contentslider/tmpl/default.php

Change order of these two block

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

and this



<?php if( $row->thumbnail && $align_image == "center" ): ?>
<div class="bt-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;" title="<?php echo $row->title?>" />
</a>
</div>
<?php endif ; ?>

careswho likes this

Share this post


Link to post
Share on other sites

Hi I have similar question. Currently I have my module showing like this:

wqyi.png

But I want the title to be first and the image to be aligned left along with the intro text like this.

45tx.png

What is happening now is if the title is long (If you notice I had reduce the size of the title) all of the alignment goes horribly wrong and the full title is on one line thumbnail in another and intro text in another line.

Is it possible? I had a look at the php but I couldn't decipher it!

Thanks a lot :D

Share this post


Link to post
Share on other sites

Hi

Please bring this block


<?php if( $showTitle ): ?>
<a class="bt-title" target="<?php echo $openTarget; ?>"
title="<?php echo $row->title; ?>"
href="<?php echo $row->link;?>"> <?php echo $row->title_cut; ?> </a><br />
<?php endif; ?>
<?php if( $show_category_name ): ?>
<?php if($show_category_name_as_link) : ?>
<a class="bt-category" target="<?php echo $openTarget; ?>"
title="<?php echo $row->category_title; ?>"
href="<?php echo $row->categoryLink;?>"> <?php echo $row->category_title; ?>
</a>
<?php else :?>
<span class="bt-category"> <?php echo $row->category_title; ?> </span>
<?php endif; ?><br />
<?php endif; ?>

to above this line


<?php if( $row->thumbnail && $align_image != "center"): ?>

in file /mod_bt_contentslider/tmpl/default.php

Then on Back-end, set Image Align parameter by "left".

Maybe, you need to edit a little css in file mod_bt_contentslider/tmpl/css/btcontentslider.css

I hope my relpy can help you.

careswho likes this

Share this post


Link to post
Share on other sites

Thank You for your reply Tronghm

.

When I did what you suggested it didn't work. But then I saw that there was another thread with similar tagged below this thread. this one: http://bowthemes.com/forums/topic/3379-title-above-leftright-aligned-images/

So I followed what you suggested there and that solved it.

But even my Titles are no longer bold. They are normal. Also when I use clear in my css, The written by goes here and there. What should I do to make the titles bold? Here is my site if you want to have a look: http://thestandonline.com

Thank You.

Share this post


Link to post
Share on other sites

HI

I just check your site. I don't see file btcontenslider.css is loaded on your site.

Do you customize BT content slider in your template or remove this file in folder /mod_bt_contentslider/tmpl/css

Please check it. and restore or make other for your template.

Then you only need this

.bt-cs .bt-title{

font-weight: bold;

}

to solved this problem

careswho likes this

Share this post


Link to post
Share on other sites

Hi

Please bring this block


<?php if( $showTitle ): ?>
<a class="bt-title" target="<?php echo $openTarget; ?>"
title="<?php echo $row->title; ?>"
href="<?php echo $row->link;?>"> <?php echo $row->title_cut; ?> </a><br />
<?php endif; ?>
<?php if( $show_category_name ): ?>
<?php if($show_category_name_as_link) : ?>
<a class="bt-category" target="<?php echo $openTarget; ?>"
title="<?php echo $row->category_title; ?>"
href="<?php echo $row->categoryLink;?>"> <?php echo $row->category_title; ?>
</a>
<?php else :?>
<span class="bt-category"> <?php echo $row->category_title; ?> </span>
<?php endif; ?><br />
<?php endif; ?>

to above this line


<?php if( $row->thumbnail && $align_image != "center"): ?>

in file /mod_bt_contentslider/tmpl/default.php

Then on Back-end, set Image Align parameter by "left".

Maybe, you need to edit a little css in file mod_bt_contentslider/tmpl/css/btcontentslider.css

I hope my reply can help you.

Hi, I did follow the advice on changing the order of title, it works, but I've got a problem, now title appears twice one in the new position before the image and after the image as well.

post-199627-0-48497700-1381475615_thumb.

Any ideas how to fix it? Thank you in advance!

Vlad.

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