Joomla Templates Club 406,261 posts

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#204719

please let me now how I can put this button in the horizontal center, instead of left part that is being shown now.

I have already styled it with “btn btn-primary btn-rounded btn-large ” inside the ACM module fields (button class field).

Thanks!

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#563327

Hi darengr,

Please give us your site to take a look.

Thank you

1 user says Thank You to phong nam for this useful post

1. darengr

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#563379

site details provided via pm, thank you

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#563395

Hi there,

Open ja/templates/uber/acm/gallery/tmpl/style-2.php then find

<a class="btn <?php echo $btnClass; ?>" href="<?php echo $btnLink; ?>"><?php echo $btnText; ?> <i class="fa fa-angle-right"></i></a>

replace with

<div class="centerme">
<a class="btn <?php echo $btnClass; ?>" href="<?php echo $btnLink; ?>"><?php echo $btnText; ?> <i class="fa fa-angle-right"></i></a>
</div>

Next open custom.css file then add

.centerme {
text-align: center;
}

Save and recheck.

[darengr Friend darengrJoin date: January 2012Posts: 108Downloads:112Uploads:30 Thanks: 4 Thanked: 1 times in 1 posts]

#563426

<em>@Leo Burnetts 463828 wrote:</em><blockquote>Hi there,

Open ja/templates/uber/acm/gallery/tmpl/style-2.php then find

<a class="btn <?php echo $btnClass; ?>" href="<?php echo $btnLink; ?>"><?php echo $btnText; ?> <i class="fa fa-angle-right"></i></a>

replace with

<div class="centerme">
<a class="btn <?php echo $btnClass; ?>" href="<?php echo $btnLink; ?>"><?php echo $btnText; ?> <i class="fa fa-angle-right"></i></a>
</div>

Next open custom.css file then add

.centerme {
text-align: center;
}

Save and recheck.</blockquote>

thanks, it worked well. I assume if this could be done in the local folder, you would have told me so.

Anyway, to avoid modification of source files, I preferred to copy style-2.php .xml files to style-3.* and do the modifications in them.

In my module, I selected gallery style-3 (which nicely appeared there), and now I have both styles available, with left or center alignment of the button.

best regards,
darengr

[Author]

Posts