Joomla Templates Club 406,261 posts

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#756389

Default is
http://screenpresso.com/=x1Xkd

How do i do this
http://screenpresso.com/=Bx5Wb

Where is the CSS styling for this located?

Also could the module be modified to add even more social platforms like youtube?

Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#756545

Hi

Could you post also a login account for your backend ? edit this thread and add username and password for it , i will have a look at it

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#756559

Hi i added the site details.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#756610

<em>@vernontee 503803 wrote:</em><blockquote>Hi i added the site details.</blockquote>

Hi

I added this part of code

style="float:right;width:60%;"

Into this file templatesja_directorytplsblocksfooter.php

<div class="<?php echo $this->getParam('t3-rmvlogo', 1) ? 'col-md-8' : 'col-md-12' ?> copyright <?php $this->_c('footer' ) ?>"style="float:right;width:60%;">

Module footer is now centered

1 user says Thank You to pavit for this useful post

1. vernontee

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#756612

Thanks so much for the help! How can i show the title for that module too?

Would this change be overwritten on a template update since its not in the custom.css file?

Also could the module be modified to add even more social platforms like youtube, i just need instructions and i can modify it myself?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#756620

<blockquote>Thanks so much for the help! How can i show the title for that module too?</blockquote>

Set module Show title to yes

<blockquote>Would this change be overwritten on a template update since its not in the custom.css file?</blockquote>

To not override any change made to your files you should move your folders into /local folder Take a look HERE

Also could the module be modified to add even more social platforms like youtube, i just need instructions and i can modify it myself?

Of course, follow these steps

1) Open this file templatesja_directoryacmfollowtmplstyle-1.xml and add the new channel in this way right below others

<field name="youtube" type="text" size="40" default="" label="YOUTUBE_LABEL" description="YOUTUBE_DESC"></field>

2) Open this file languageen-GBen-GB.tpl_ja_directory.ini and add the value for YOUTUBE_LABEL just below others in ACM section

YOUTUBE_LABEL ="Youtube"

3) Open this file templatesja_directoryacmfollowtmplstyle-1.php and add the new channel

<?php if($helper->get('youtube')): ?>
<a class="addthis_button_youtube_follow" addthis:usertype="company" addthis:userid="<?php echo $helper->get('youtube')?>"><i class="fa fa-youtube"></i></a>
<?php endif; ?>

4) Open this file templatesja_directorylocalacmfollowcssstyle.css and add style for hover color

.uber-social .fa.fa-youtube:hover {
color: #287bbc
}

You can change #287bbc with your colors

Here results

1 user says Thank You to pavit for this useful post

1. vernontee

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758714

Hi Pavit, thanks so much for the replies.

Btw.. the show title IS on… but it still wont show a title.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758732

<em>@vernontee 504270 wrote:</em><blockquote>Hi Pavit, thanks so much for the replies.

Btw.. the show title IS on… but it still wont show a title.</blockquote>

Hi

I added a custom css class to your module


.footer .module-title {
padding-left:60px;
}

and assigned the t3xhtml style to it

Best regards

1 user says Thank You to pavit for this useful post

1. vernontee

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758734

Thanks so much, which file did you add it to?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758736

<em>@vernontee 504373 wrote:</em><blockquote>Thanks so much, which file did you add it to?</blockquote>

I added it to custom.css file

1 user says Thank You to pavit for this useful post

1. vernontee

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758742

thanks so much

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758770

Oh there is a bug
http://screenpresso.com/=aqtre

In mobile it does not center.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758771

<em>@vernontee 504501 wrote:</em><blockquote>Oh there is a bug
http://screenpresso.com/=aqtre

In mobile it does not center.</blockquote>

custom.css file

@media (max-width: 400px){
.col-md-12.copyright {
width:90%!important;
}
}

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758816

Its not truly center at all resolutions… like when i drag to resize the browser width….

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758817

<em>@vernontee 504671 wrote:</em><blockquote>Its not truly center at all resolutions… like when i drag to resize the browser width….</blockquote>

Apply the same rule for all media

@media (max-width: 772px){

etc etc

[Author]

Posts