Joomla Templates Club 406,261 posts

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#924635

I just install the template JA Social II on Joomla 3.5.1 EasySocial 1.4.8
The log in module set as per template documentation but than get mess style :

http://screencast.com/t/Uwi8Jodqmwlm
http://screencast.com/t/wXDI0mvdzBo

set up : http://screencast.com/t/uCIuvlrhG

And for the Easysocial notification modul : http://screencast.com/t/T5IV54Xevv

http://screencast.com/t/Ze5Au6udHWGv

Can you please suggestion to fix it ?

Thank you in advance.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#925712

Hi doedee,

You can update the login credentials of your site so I will have a look.

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#926300

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#926343

It should be assigned to head-menu position, I just changed it for you and it looks fine now.

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#926664

Hai,,
I review the changes and found some need to revised.
Please read here below and see the links of screen capture

how to arrange it in line ? :

http://screencast.com/t/sG2XmZfDo75B

And I need the drop down inline after notification module. Like :
http://screencast.com/t/v1qxpwkklDO

To get al in line, search, notification and dropdown module; here on the back end we have to set it inline ?

http://screencast.com/t/VGKwGiUbt ….. how to do it ?

Hello user is not displayed as the text color is the same with head (blue)

http://screencast.com/t/jA8D15CpS

as the icons color is white than it is dissapear on small display :

http://screencast.com/t/MCsCKZlAoY7

Where can we change the icons colour ?

Please suggestion for solution.

Thanks alot in advance.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#926880

Hi

To get it inline, you can open the css file: ROOT/templates/ja_social_ii (your default template)/css/custom.css (create this file if it doesn’t exist)

and add this css rule:

.head-menu .es {
    float: left;
}

To change the color of hello user text, you add this rule:

div#fd.es.mod-es-dropdown-menu .dropdown-toggle-user-name {
  color: your_desired_color_here;
}

For the icons, it belongs to Easysocial component, they use FontAwesome icons such as: fa fa-globe, fa fa-users, …

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#927442

Hai,

Thanx for your reply and I very appreciate it all.

I hope you are tiredless to help us making our website template better.

I follow your direction and get improved. As its shown : http://screencast.com/t/10WROYJK0y

1.Would you please help how to locate the module on the center of head-menu ? it is seems to close upward.

1. On a small screen like smart phone, could we keep off-canvas bottom on the same location like on wide screen ? and how to resize it little bit bigger.

http://screencast.com/t/IKHWRCaD

Thanx alot.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#928137

Hi

1. You can locate the module on the center of head-menu by wrapping order of these 2 modules in head-menu position via Module manager in backend.

2. This tweak may help:
   • Open the custom.css as mentioned above
   • Add this css rule:

     @media (max-width: 480px) {
     .btn-inverse.off-canvas-toggle {
     margin-top: -38px;
     }
     }

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#931164

Saguaros wrote:

Hi

1. You can locate the module on the center of head-menu by wrapping order of these 2 modules in head-menu position via Module manager in backend.

2. This tweak may help:

   • Open the custom.css as mentioned above

   • Add this css rule:

     <pre class="prettyprint linenums:1 prettyprinted">

     1. <span class="lit">@media <span class="pln"> <span class="pun">(<span class="pln">max<span class="pun">-<span class="pln">width<span class="pun">: <span class="pln"> <span class="lit">480px<span class="pun">) <span class="pln"> <span class="pun">{
     2. <span class="pun">.<span class="pln">btn<span class="pun">-<span class="pln">inverse<span class="pun">.<span class="pln">off<span class="pun">-<span class="pln">canvas<span class="pun">-<span class="pln">toggle <span class="pun">{
     3. <span class="pln">margin<span class="pun">-<span class="pln">top<span class="pun">: <span class="pln"> <span class="pun">-<span class="lit">38px<span class="pun">;
     4. <span class="pun">}
     5. <span class="pun">}

Hai I try it but not work it is not set to vertical center. Can you help directly from the backend ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#931301

You can update Admin & FTP account into Site Access Information section of this topic: http://static.joomlart.com/images/blog/2015/nov/Add-new-post.gif

I will take a look.

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#931615

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933340

It seems to be ok now.

Any screenshots of how it should be?

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#933379

As shown on screenshot those module are not vertically centered.

http://screencast.com/t/IYA9eau46jK

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#933693

Try to add this css rule into custom.css file:

body div#fd.es.mod-es-notifications .es-notification .es-menu-item > a {
    line-height: 50px;
}

.mod-bd {
    padding-top: 14px;
}

[doedee Friend doedeeJoin date: April 2016Posts: 18Downloads:11Uploads:0 Thanks: 2]

#933858

It is Work. Now they are on the center vertical. http://screencast.com/t/kaprcDOXKa
But because the color of ES notification is white, than on small screen it is dissapear : http://screencast.com/t/w4NXNqqqd0

Can I get solution to get it all match on big screen and small screen ?

Thanx in advance.

[Author]

Posts