Hi there,

You can do css template override on your current template on css below

.t3-sidebar {

    padding-top: 72px !important;

}

Please give it a try and see how it goes

Thank you Abdul, that works perfectly for EasyBlog and highlights why the adjustment does not work for EasyDiscuss and EasySocial - there is no consistency in the default Text Size, Line Height and Font Weight of the Title and Description for the three components (perhaps it could be adjusted in a future update?).

EasyBlog
Title = Font-Size 20 and Line Height 26 with H1
Des = Font Size 16 and Line Height 1.625

EasyDiscuss
Title = Font Size 25 with H2
Des = Font Size 16 with Line Height 1.6666667

EasySocial
No option to add a Title and Description (if there is i cannot find it)

I could correct the problem by not adding a Title and Description in EB and ED, adjusting the sidebar padding to fit, but EasyBlog defaults to the EasyBlog name and Description, so I have corrected the EasyDiscuss Title and Description as follows:

#ed .ed-head__title {

    font-size: 20px;

    font-weight: bold;

    line-height: 18px;

}

I have also amended the toolbar colour style to match the modules.

Questions
1. How do I add a Title and Description for EasySocial to appear above the Toolbar in the same way as EB and ED?
2. How do I change the border colour of the items in the EasyBlog toolbar to match the background of #006600?
3. Is there an option to make the EB toolbar layout similar to the ES or ED toolbar (grid drop down in ES or tabs underneath in ED)?

Hi there,

(perhaps it could be adjusted in a future update?).

Actually, it is based on user on how to modify these things, and these thing only controlled by css. And we also got user, whose dislikes description, titles appended at the top of the blogs. How to cope with that?

By the way, we just gave you template(suit with Joomla default temlpate that is Protostar), and it is yours to make it as you desired for it to be shown on your site. Hope you understand

By the way, find you inquiries below,

1. How do I add a Title and Description for EasySocial to appear above the Toolbar in the same way as EB and ED?

Unfortunately, we cant achieved that currently.

2. How do I change the border colour of the items in the EasyBlog toolbar to match the background of #006600?

You can do template override on below css and see how it goes.

div#fd.eb .eb-post {

    border: 1px solid #060 !important;

}

div#fd.eb .eb-post-top {

    border-bottom: 1px solid #060 !important;

}

div#fd.eb .eb-post-foot {

    border-top: 1px solid #060 !important;

}

3. Is there an option to make the EB toolbar layout similar to the ES or ED toolbar (grid drop down in ES or tabs underneath in ED)?

Unfortunately, we cant achieved that currently as we developed each of their themes seperately, and you have to do some heavy modifications in order to achieve this.

Thanks for your understandings.

Actually, it is based on user on how to modify these things, and these thing only controlled by css. And we also got user, whose dislikes description, titles appended at the top of the blogs. How to cope with that?

Thank you for the reply Abdul, if I could (politely) disagree, no it is not (bold in quotes is my highlight).

The perfect solution is to add a Title and Description option in Admin for the 3 components that allows them to be included or not. The User can choose and if included, adjust how they are displayed with CSS.

However at the moment the user cannot modify the Title and Description properly in all 3 components (only in ED):

a) EasyDiscuss allows the user to include or exclude the Title and Description.
b) EasyBlog allows the user to include their own Title and Description, but cannot exclude them as the component shows the default EasyBlog Title and Description if the user tries to remove the Title/Description content (or perhaps there is another way to exlude the Title and Description?).
c) EasySocial does not include the option at all

It is messy.

I would be perfectly happy not to have a Title and Description, but because EasyBlog does not allow it to be removed, I was trying to get the same Title and Description format for all 3 components (but you mentioned it is not possible to add one for EasySocial so this cannot be done).

Ref item 2, the solution you provided is for the border of blog posts, but I mean the inner border of the icons in the toolbar (see attached image), how can they be changed to colour #006600?

Ref Item 1 and Item 3, I have added a feature request for similar options to be available in each component as it makes sense to have synergy between the toolbars of all 3 components.

Hi there,

I would be perfectly happy not to have a Title and Description, but because EasyBlog does not allow it to be removed, I was trying to get the same Title and Description format for all 3 components (but you mentioned it is not possible to add one for EasySocial so this cannot be done).

If i am not mistaken, you meant that currently you cant removed this Title and Description above tollbar for Easyblog rite? If yes, you can actually enabled them at Backend>Components>Easyblog>Settings>Layout>Toolbar as shown https://screencast.com/t/xiH7rEaOot. Please advice.

Ref item 2, the solution you provided is for the border of blog posts, but I mean the inner border of the icons in the toolbar (see attached image), how can they be changed to colour #006600?

Sorry for the confusion above, i dont know why i see that you asked to change that border. You can open browser console and inspect those element as shown on screenshot below. You will find each class such "fa fa-home", "fa fa-folder-open" and others. You can do template override as shown https://screencast.com/t/I9wF8ThnCewe as you have to search it one by one the class who hold those values.

//for example css for categories

div#fd .fa-folder-open::before {

    color: blue !important;

}

Ref Item 1 and Item 3, I have added a feature request for similar options to be available in each component as it makes sense to have synergy between the toolbars of all 3 components.

It would be best if you can submit a feature request regarding this issues in our voice page -> http://stackideas.com/voices, so everyone else could vote for it, the more people request on this, and we will priority consider it.

Thanks for your understanding

If i am not mistaken, you meant that currently you cant removed this Title and Description above tollbar for Easyblog rite? If yes, you can actually enabled them at Backend>Components>Easyblog>Settings>Layout>Toolbar as shown https://screencast.com/t/xiH7rEaOot. Please advice.

My apologies Abdul, you are correct, EasyBlog does allow Title/Description to be removed (I was deleting my text in Settings/General Title/Description boxes instead of going to Settings/Layout and that is why the default EasyBlog Title/Description kept appearing, dozy me...).

My comment in the previous post should be:

a) EasyDiscuss allows the user to include or exclude the Title and Description.
b) EasyBlog allows the user to include or exclude the Title and Description.
c) EasySocial does not include the option at all

However as I am perfectly happy with not using a Title and Description, it is not an issue for me and after removing them the sidebar code is aligned by changing 72px to 4px:

.t3-sidebar {

    padding-top: 4px !important;

}

Ref item 3, sorry i should have said Voices, not Features, I had placed the 2 requests in the EasySocial section at https://stackideas.com/voices/easysocial/item/1447 and https://stackideas.com/voices/easysocial/item/1448 and updated 1447 to correct my mistake about the EasyBlog Title and Description.

Ref item 2, the code changes the colour of the icon, but it is the colour of vertical lines i wish to change (see updated image) to #006600 (is that possible?). It is the only outstanding issue, everything else looks fine now.

If you want to change the border colors, you could use the css codes below:

body div#fd.eb .eb-navbar-search {

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

}

body div#fd.eb .eb-navbar-nav > li + li {

	border-left: 1px solid #fff;

}

P/S: We have moved our feature requests area from the voices over to our forums. I would suggest that you copy your posts and post them under the feature requests area in the respective category.

Thank you Mark, i changed the #fff to #006600 with your code and the toolbar looks fine now (see updated image - hover remains default black).

I will move the features requests as suggested.

Question - In case i missed it, is there an option for the EasyBlog toolbar to have the options showing below in a similar way to the forum (see second image)?

In EasyBlog 5.1, we will be standardizing the toolbar so that it looks similar and not only that. After 5.1, we'll be integrating all of these toolbar into one unified toolbar. We just need to get a standard version so people would start to familiarize themselves with this new toolbar first.

If you have any further issues, please do start a new ticket on our forums.

Perfect Mark, thank you, all fine now.

You are most welcome