Hello Hassan,

We do not provide support for customizations. The codes which Arlex provided is provided as is and you need to alter it accordingly to suit EasySocial 2.0's new structure.

Hello Mark,

I appreciate the comments above. However I am not saying there is anything wrong with the codes. What I am asking is simply where I need to go to to make the necessary changes in the "new structure"

Hassan

Try apply following css into this file -> JoomlaFolder/templates/ja_teline_v/css/custom.css and check my attached screenshot below which code have to delete it.

#es .btn-es-primary,

#es .btn-es-primary:hover, 

#es .btn-es-primary:focus, 

#es .btn-es-primary:active, 

#es .btn-es-primary.active {

    background-image: linear-gradient(to bottom,#A8CF45 20%,#A8CF45 100%) !important;

    border-color: #A8CF45 !important;

}



#es .es-story-privacy .es-privacy .es-privacy-toggle,

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active.active {

    background-image: -webkit-linear-gradient(top,#A8CF45 20%,#A8CF45 100%) !important;

    border: 1px solid #A8CF45 !important;

}



#es .btn-es-default-o {

    color: #333 !important;

    background-color: #A8CF45 !important;

    border-color: #ccc !important;

}

Hello Arlex,

Thanks for your response and the codes above. They worked on the buttons perfectly except for the font colors in the "share" and "create page/group" buttons (see attached).

I also tried changing the color of the toolbar by modifying the codes I initially had to:
#es .es-toolbar .navbar-inner{
background: #A8CF45 !important;
border: 1px solid #A8CF45 !important;
}

#es .es-toolbar .fd-navbar-search .search-query {
background: #A8CF45 !important;
}

#es .es-toolbar .fd-navbar-search {
background: #A8CF45 !important;
}

#es .es-toolbar .es-toolbar-avatar {
background: #A8CF45 !important;
}

But it did not work.

Kindly advise.

Regards

Hassan

Try remove above css from your site then apply again following custom css code.

#es .btn-es-primary,

#es .btn-es-primary:hover, 

#es .btn-es-primary:focus, 

#es .btn-es-primary:active, 

#es .btn-es-primary.active {

    color: #fff !important;

    background-image: linear-gradient(to bottom,#A8CF45 20%,#A8CF45 100%) !important;

    border-color: #A8CF45 !important;

}



#es .es-story-privacy .es-privacy .es-privacy-toggle,

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:hover.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:focus.active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:hover, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:focus, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active:active, 

#es .es-story-privacy .es-privacy .es-privacy-toggle:active.active {

    color: #fff !important;

    background-image: -webkit-linear-gradient(top,#A8CF45 20%,#A8CF45 100%) !important;

    border: 1px solid #A8CF45 !important;

}



#es .btn-es-default-o {

    color: #333 !important;

    background-color: #A8CF45 !important;

    border-color: #ccc !important;

}



#es .es-toolbar .navbar-inner {

    border: 1px solid #A8CF45;

    background-image: -webkit-linear-gradient(top,#A8CF45 0,#A8CF45 100%);

    background-image: -o-linear-gradient(top,#A8CF45 0,#A8CF45 100%);

    background-image: linear-gradient(to bottom,#A8CF45 0,#A8CF45 100%);

    -webkit-box-shadow: inset 0 1px 1px #A8CF45;

    box-shadow: inset 0 1px 1px #A8CF45;

}



#es .es-toolbar .es-toolbar-avatar {

    border: 1px solid #A8CF45;

    background-image: -webkit-linear-gradient(top,#A8CF45 0,#A8CF45 100%);

    background-image: -o-linear-gradient(top,#A8CF45 0,#A8CF45 100%);

    background-image: linear-gradient(to bottom,#A8CF45 0,#A8CF45 100%);

}



#es .es-toolbar .o-navbar-search {

    background: #A8CF45;

}



#es .es-toolbar .o-navbar-search .o-navbar-search__query {

    background: #A8CF45;

}

By the way, I am really sorry but this will be the last time that I would be able to assist you as we normally do not provide customisation support as outlined in http://stackideas.com/support .

Thanks for understand.

Hello Arlex,

Thanks for the response. I have done as suggested and it is perfect.

By the way, I am really sorry but this will be the last time that I would be able to assist you as we normally do not provide customisation support as outlined in http://stackideas.com/support .

Thanks a lot Arlex. I understand. I appreciate all the help you and the entire team have given so far.

So far, ES 2.0 is great though.

Regards

Hassan

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.