ADD THIS to top links

**GK User** Sat Feb 16, 2013 10:10 pm Reply with quote Report this post

Hello,

would like to add this's social buttons at the toplinks area.

How would I do this?

http://www.thechildrenofbotswana.org

Attached is what I would like it to look like:

addthis.jpg

**Konrad M** Mon Feb 18, 2013 9:01 am Reply with quote Report this post

Hi,
you can try add new module position. Then publish custom html module with links to your profiles in this position. And css rules you can add to override.css file. Please read this https://www.gavick.com/documentation/jo ... -position/
but use this code instead one from article:

Code: Select all: <?php if($this->API->modules('myposition')) : ?> <div> <jdoc:include type="modules" name="myposition" style="<?php echo $this->module_styles['myposition']; ?>" /> </div> <?php endif; ?>

**GK User** Mon Feb 18, 2013 5:48 pm Reply with quote Report this post

HTML CODE

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>

IN WHICH FILE DO I INSERT THE FOLLOWING CODE:

paste the code below into your page between the <body> and </body>

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5122529c785924a6"></script>

**Konrad M** Tue Feb 19, 2013 3:32 pm Reply with quote Report this post

This second code you can paste in layouts/default.php. Here you will find <body> tags.

**GK User** Wed Feb 20, 2013 12:09 am Reply with quote Report this post

Konrad M wrote:This second code you can paste in layouts/default.php. Here you will find <body> tags.

Unless editor is set as none... css code in html module gets stripped.

Is there something that I need to change?

**Konrad M** Wed Feb 20, 2013 2:02 pm Reply with quote Report this post

Are you editing it using joomla manager ?

**GK User** Thu Feb 21, 2013 12:42 am Reply with quote Report this post

Konrad M wrote:Are you editing it using joomla manager ?

Hi... the site with "Add It" is up at www.thechildrenofbotswana.org.

I would like to center both "DONATE" button and "Add it"

Not sure what is going on. CSS is still been stripped with Tiny MCE Editor.

Also... when I reimported Bike Store Template for Joomla 2.5 it added orange tick marks next to the photos. Do you know what happened?

**Konrad M** Thu Feb 21, 2013 10:53 am Reply with quote Report this post

Please try add this to override.css

Code: Select all: div.addthis_toolbox.addthis_default_style { width: 140px !important; margin: 0 auto; } #gkHeader .custom input.button { float:none; }

and remember to enable override css option in template settings.

**GK User** Thu Feb 21, 2013 4:36 pm Reply with quote Report this post

Great... the code has centered the button on the website.

Konrad M wrote:Please try add this to override.css
Code: Select all
div.addthis_toolbox.addthis_default_style { width: 140px !important; margin: 0 auto; } #gkHeader .custom input.button { float:none; }

and remember to enable override css option in template settings.