Joomla! Template Hearty AK - Item Support

Hello HARRYSDO,

Thanks for your interest. This Template will work on any Joomla 3, 3.2 3.5 and 2.5 established and new site. Go ahead I will be happy to help you.

Hello HARRYSDO,
Thanks for purchasing my item.

------------------
Revolution Slider Setup
-----------------
1. Install Revolution Slider from Joomla Extension Manager > go to Components > Unite Revolution Slider2 > Click Import> Brows for file "homeslider.zip" > click import.
Get slider data here- https://drive.google.com/file/d/0B7hiCDl82MMyNmRWVk8tUnlQNVE/edit?usp=sharing

Screen- https://www.diigo.com/item/image/4tv1l/v5so

Revolution Slider will be imported, now go to slides and just update settings. everything will be ok.

Now go Module Manager and find "Unite Revolution Slider 2" Publish this module in "top-slider" position.

End of Revolution Slider


1. Module Title- Help Text, Module Name Custom HTML, Module Postion- toolbar-r, Content- For Right TooLorem ipsum dolor sit amet?    Support Hot Line  -  +884 987 654 321,   +887 321 987 654
N.B- Change editor from joomla Global Config TinyMCE to CodeMirror.

End of Our Help Text

2. Module Title- Social Widget, Module Name Custom HTML HeartyPackageShort code "Social Widget"
N.B- Change editor from joomla Global Config TinyMCE to CodeMirror.

3. Module Title- Our Latest Content, Module Name- BT Content Slider. Go to module manager and select MOdue BT Content Slider> First Tab- Module class suffix " mod-border-title " ,
Module Settings https://www.diigo.com/item/image/4tv1l/teuj
settings-2 https://www.diigo.com/item/image/4tv1l/j5b8
Source Settings-3 https://www.diigo.com/item/image/4tv1l/8ua0
Item Layout Setting https://www.diigo.com/item/image/4tv1l/wi9o
Effect Setting- https://www.diigo.com/item/image/4tv1l/9j6v

End of Our Latest Content

4. Module Title- Latest Post, BT Content Slider BT Content Slider Just we have change some parameter to display post differently

5. Module Title - Our Partner, Use Custom HTML module with module class suffix " mod-border-title " and use short code from "HeartyPackageShort code Our Partner" and make correct image path.
About Us page
----------------------

------------------------
widgetkit slider in article
-------------------------

we have used widgetkit slider in article in our "project category"

Use "short code ID" of "widgetkit slider" with "CodeMirror" editor.

6. Module Title - Our Team, HeartyPackageShort code "Our Team" and make correct image path.

N.B- Change editor from joomla Global Config TinyMCE to CodeMirror.



2. article heading fonts, size and color?:

a) Go to Template Manager > ak_hearty > Profiles> and select Body Font, Header Font and Menu Font from available fonts.

b) OPTION-1- edit templatesak_heartycssase.css to change font settings for all font. with !important;

OPTION-2- Go to specific font folder templatesak_heartycssfont1, templatesak_heartycssfont2, templatesak_heartycssfont3, and change the size of specific font.

b) Go to Template Manager > ak_hearty > Style Chose any style from available 20 styles.

Regards!
Monir

Hello HARRYSDO,

Option-1 for Overall change: Go to >ak_heartycss Edit base.css file and set font size line-height for for example-

h1 { font-size: 28px; line-height: xxpx; }

Option-2 Specific Change : If you want to change the heading for specific font, go to >ak_heartycssfont2 folder > select specific font css file and set font size line-height for for example-

h1 { font-size: 28px; line-height: xxpx; }
h2 { font-size: 24px; line-height: xxpx; }

Regards
Aktheme

Hello HARRYSDO,


You can add this to system.css or custom.css or in any style specific style.css

If you'll do any of the below

#system .item > header .title {
font-size: 28px;

}

Or

#system .item > header h1 {
font-size: 28px;
}

both will works.


do not place " ja image hotspot module on "contact page" ja hotspot module has something wrong with Joomla Contact Form fields.

Hello HARRYSDO,

Just give me little time, I am writing for you with details options.

Hello HARRYSDO,

Please look for >ak_heartystyleslack-blue-deepcssstyle.css and add -

#system .item > .links a {
background: #1B7FCC;
border-radius: 2px;
color: #fff;
padding: 3px 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#system .item > .links a:hover {
background: #1D1D1D;
}

For Example -
/* System
----------------------------------------------------------------------------------------------------*/
#menubar .searchbox input {
color: #999999;
}
#system .pagination strong,
#system .pagination a:hover {
border-color: #1B7FCC;
background-color: #1B7FCC;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
color: #fff;
}
#system .title a:hover {
color: #1B7FCC;
}
.icon a:hover,
.icon a:focus {
color: #1B7FCC;
}
article .next:hover,
article .next:focus,
article .prev:hover,
article .prev:focus {
color: #1B7FCC;
}
/*NEW STYLE */
#system .item > .links a {
background: #1B7FCC;
border-radius: 2px;
color: #fff;
padding: 3px 10px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#system .item > .links a:hover {
background: #1D1D1D;
}

Hope its help

Hello NICOLADIBONITO,


Yes its possible to make a transparent style for your theme. I got your email, do you want make only header part transparent or full content wrapper/container area including module?

Only header part can't be transparent due to "wrapper" white bg because header "block-header" is inside "wrapper"

you may use solid color in header area for example - #block-header { background: #000000; }

you may use color transparency in "wrapper" for example.

.wrapper {
background: rgba(255,255,255,0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

You may get rgba color value from the link given bellow

http://www.css3maker.com/css-3-rgba.html

Hello NICOLADIBONITO,

Transparent style will required additional css adjustments. please send your full specifications at aktheme14@gmail.com so that we can create a style for you.

Thanks
Best Regards
Aktheme

Hello DECHTERMANN,

Please check HeartyPacakage - Extension - homeslider.

For new site: Install revolution slider comp. Go to revolution silder component panel and import "homeslider".


PLEASE FOLLOW THIS STEPS-

IF Revolution slider doesn't work after quick start installation then please follow the following steps-

1. Login into Joomla administrator ==> go to Components==> Unite Revolution Slider 2
==> Click on Delete icon and delete Homeslider (homeslider) ==>Now click on Import slider==> browse "homeslider" and import.


2. Go to Module Manager and look for "Unite Revolution Slider 2" module, delete old module==> click on "New" Select a Module Type: ==> Unite Revolution Slider 2
==> Menu Assignment - Only on the pages selected==> check "home" == give a name to module==> save and close.

This will work with Safari and others.

send me an email - aktheme14@gmail.com

Kind Regards

Hello DECHTERMANN,

You're welcome :)