Template MUSIC - Joomsocial has not the template style

I use the template MUSIC with the QuickStart package and the Joomsocial component. But the Joomsocial site shows not the style of the MUSIC template, it shows only the default style from Joomsocial. How can I solve this problem?

Many thanks for some help.

Volker

Hi,

In the rest_files package you can find the gk_style theme for JomSocial - please move it to the JomSocial templates directory and then activate it.

Hello,

I have a problem with Jomsocial and the style of the Music template. As you can see in the attached screenshot, on the Jomsocial main page everything ist fine. But when I change to a group page, the events of this group have not the same Music style as events on the main page and the width of date and image are different.

How can I solve this problem? Many thanks for some help.

Volker

Could you provide an URL to your website? Without it I won't be able to help.

Here is the URL to my website (under construction):

http://www.treffpunkt-lebensfreunde.de/ ... udwigsburg

Hi,
please go to gk_style/groups.viewgroup.php and find:

Code: Select all

<div class="cGroup-Events cModule">
               <h3><?php echo JText::_('COM_COMMUNITY_EVENTS');?></h3>


change to:

Code: Select all

<div class="cGroup-Events cModule gk-ribbon">
               <h3><span><?php echo JText::_('COM_COMMUNITY_EVENTS');?></span></h3>


then find:

Code: Select all

<li class="jsRel jomNameTips" title="<?php echo $this->escape( $event->summary );?>">
                           <div class="event-date jsLft">
                              <div><?php echo CEventHelper::formatStartDate($event, $config->get('eventdateformat') ); ?></div>
                              <div><img class="cAvatar jsLft" src="<?php echo $event->getThumbAvatar();?>" alt="<?php echo $this->escape( $event->title );?>" /></div>
                           </div>
                           <div class="event-detail jsDetail">
                              <div class="event-title small">
                                  <b><a href="<?php echo CRoute::_('index.php?option=com_community&view=events&task=viewevent&eventid=' . $event->id.'&groupid=' . $group->id);?>">
                                    <?php echo $event->title;?>
                                 </a></b>
                              </div>
                              <div class="event-loc small">
                                 <?php echo $event->location;?>
                              </div>
                              <div class="event-attendee small">
                                 <a href="<?php echo CRoute::_('index.php?option=com_community&view=events&task=viewguest&eventid=' . $event->id . '&type='.COMMUNITY_EVENT_STATUS_ATTEND);?>"><?php echo JText::sprintf((cIsPlural($event->confirmedcount)) ? 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT_MANY':'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT', $event->confirmedcount);?></a>
                              </div>
                           </div>
                           <div class="clr"></div>               
                        </li>


and change to:

Code: Select all

            <li <?php if(!empty($event->summary)): ?>class="jomNameTips" title="<?php echo $this->escape( $event->summary);?>" <?php endif; ?>>
      <div class="jsEvDate">
         <div class="jsMM"><?php echo CEventHelper::formatStartDate($event, JText::_('%b') ); ?></div>
         <div class="jsDD"><?php echo CEventHelper::formatStartDate($event, JText::_('%d') ); ?></div>
      </div>
      <div class="jsDetail">
         <div class="small">
            <b><a href="<?php echo CRoute::_('index.php?option=com_community&view=events&task=viewevent&eventid=' . $event->id.'&groupid=' . $group->id);?>"><?php echo $event->title; ?></a></b>
         </div>
         <div class="small">
            <?php echo $event->location;?>
         </div>
         <div class="small">
            <a href="<?php echo CRoute::_('index.php?option=com_community&view=events&task=viewguest&eventid=' . $event->id . '&type='.COMMUNITY_EVENT_STATUS_ATTEND);?>"><?php echo JText::sprintf((cIsPlural($event->confirmedcount)) ? 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT_MANY':'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT', $event->confirmedcount);?></a>
         </div>
      </div>
      <div class="clr"></div>
   </li>


Last thing you need to do is edit gk_style/css/gk_style.old.css find:

Code: Select all

#community-wrap .latest-events .jsEvDate{ float: left; overflow: hidden; width: 50px; padding: 0; margin: 5px; margin-right: 12px; font-size: 11px; text-transform: uppercase; font-weight: bold!important;}
#community-wrap .latest-events .jsEvDate div { text-align: center; }
#community-wrap .latest-events .jsDD{ padding: 0; color: #222; font-size: 38px; text-align: center;}
#community-wrap .latest-events .jsMM { line-height: 22px; font-size: 21px; text-align: center; color: #444; border-bottom: 5px solid #F0F0F0  }


and change to:

Code: Select all

#community-wrap .latest-events .jsEvDate,
#community-wrap .cGroup-Events .jsEvDate{ float: left; overflow: hidden; width: 50px; padding: 0; margin: 5px; margin-right: 12px; font-size: 11px; text-transform: uppercase; font-weight: bold!important;}
#community-wrap .latest-events .jsEvDate div,
#community-wrap .cGroup-Events .jsEvDate div { text-align: center; }
#community-wrap .latest-events .jsDD,
#community-wrap .cGroup-Events .jsDD { padding: 0; color: #222; font-size: 38px; text-align: center;}
#community-wrap .latest-events .jsMM,
#community-wrap .cGroup-Events .jsMM { line-height: 22px; font-size: 21px; text-align: center; color: #444; border-bottom: 5px solid #F0F0F0  }


and you will have same view for group events as on mainpage.

Perfect solution. Many thanks for your post and the great support.