Joomla Templates Club 406,261 posts

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#199328

Hello ,

Look at the header on this website .. it different from the original theme . ( bigger than the original ) ( the height is bigger )

http://testqatar.com/jadecore/

note :this is quickstart version of the template untouched without any modification .

the second problem is :

I followed the documentation to edit the addthis buttons but in-vain :

first when i edit the sticky module with the following code :

<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_twitter_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_google_follow" addthis:userid="joomlart"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-525b746c4d879b01"></script>
<!-- AddThis Follow END -->

after save it changed again to first code :

<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">*</div>
<!-- AddThis Follow END -->
<p>*</p>

then i followed the instructions to sign up in addthis.com but this website config is changed little bit and it give me the code like this :

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b28c9d04af6efa"></script>


put it in the module but nothing viewed

then try to edit your code by my pubid from addthis like the following :

<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="#"></a>
<a class="addthis_button_twitter_follow" addthis:userid="#"></a>
<a class="addthis_button_google_follow" addthis:userid="#"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b28c9d04af6efa"></script>
<!-- AddThis Follow END -->

but in-vain too .

Thank you very much for helping me

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540810

What is it, exactly, you are wanting to accomplish?

How to you want your header to look/display?

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#540855

look at the original theme and mine :

mine : ( is quickstart theme untouched )
http://testqatar.com/jadecore/

and the original :
http://www.joomlart.com/demo/#ja_decor

look at the logo shape and look at the height of the menu .

and please I want a solution to the second problem of the addthis buttons ( sticky module )

Thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540858

Okay, looks like there are a couple of CSS rules that need modification . . . .

If you have not yet done so, create a new file called “custom.css” within file path —> /templates/ja_decor/css
(in other words, the file path should be –> /templates/ja_decor/css/custom.css)

Within that custom.css file, paste the following CSS rules:


.t3-header {
height: 80px;
}

.navbar-collapse {
margin-top: 5px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#540943

Thank you very much , it worked but I change it to

.t3-header {
height: 80px;
}

.navbar-collapse {
margin-top: 0;
}

to make the menu same original theme style

and another thing is the logo bg not in right place because the menu height is smaller i think or something ( look at the following image :

please choose one of this solutions for me ( which better ? )

1st solution is the logo-bg margin top ( look at the following image :

or 2nd solution is to make :

.t3-header {
height: 85px;
}

instead of

.t3-header {
height: 80px;
}


finally , please answer for the second problem of the addthis button in the sticky module ( i mention all the information for this problem )

Thank you very much

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540979

<em>@qatardeal 434911 wrote:</em><blockquote>

.t3-header {
height: 85px;
}

[/quote]

The 2nd modification seems to work best – aesthetically 🙂

<em>@qatardeal 434911 wrote:</em><blockquote>finally , please answer for the second problem of the addthis button in the sticky module ( i mention all the information for this problem )

Thank you very much</blockquote>

Where is the “sticky module” on your site?

1 user says Thank You to TomC for this useful post

1. qatardeal

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#541050

Thank you very much for your help

The sticky module disappeared as i Mentioned before :

the module position is the sticky-module in the left side of the page

here :

( I will explain more again ) :

I followed the documentation to edit the addthis buttons but in-vain :

first when i edit the sticky module with the following code :


<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_twitter_follow" addthis:userid="joomlart"></a>
<a class="addthis_button_google_follow" addthis:userid="joomlart"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-525b746c4d879b01"></script>
<!-- AddThis Follow END -->

after save it changed again to the first code :


<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">*</div>
<!-- AddThis Follow END -->
<p>*</p>

then the module disappeared

then i followed the instructions to sign up in addthis.com but this website config is changed little bit and it give me the code like this :


<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b28c9d04af6efa"></script>

put it in the module but nothing viewed

then try to edit your code by my pub-id from AddThis like the following :


<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="#"></a>
<a class="addthis_button_twitter_follow" addthis:userid="#"></a>
<a class="addthis_button_google_follow" addthis:userid="#"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53b28c9d04af6efa"></script>
<!-- AddThis Follow END -->

but in-vain too .

Thank you very much for helping me

---

Attachments:

1. 

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#541054

Sorry , but i want to ask another question : Why this header problem happened since it is identical version of the template and the website without any modification ? !

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541097

<em>@qatardeal 435043 wrote:</em><blockquote>Sorry , but i want to ask another question : Why this header problem happened since it is identical version of the template and the website without any modification ? !</blockquote>

Things like that can happen when anything is tweaked – such as a logo or additional menu items.

1 user says Thank You to TomC for this useful post

1. qatardeal

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541100

When you add a javascript you need to set Editor to none in Global Configuration.

I did this for you, Please check the site and confirm.

1 user says Thank You to chavan for this useful post

1. qatardeal

[qatardeal Friend qatardealJoin date: May 2014Posts: 14Downloads:1Uploads:3 Thanks: 4]

#541503

Thank you very much :).

[Author]

Posts