By René on Wednesday, 13 August 2014
Posted in General Issues
Replies 54
Likes 0
Views 859
Votes 0
hi,

i would need your help to fix some style issues in Greenie Theme:

1. Pagination links from EB Plugin are not horizontal and get a bulled (Url in site detail)
Hi Rene,

I am sorry for the late reply.
Can you try use this css override code:

#ezblog-body .blog-text{
line-height: initial;
}


Hope this will work.
Thanks.
·
Thursday, 15 January 2015 10:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Please try to add this into your template's css file,


.pagination-list li {
border: 1px solid #d7d7d7;
display: inline-block;
list-style: none outside none;
padding: 5px;
}
.pagination-list li + li {
margin-left: 5px;
}
·
Wednesday, 13 August 2014 23:15
·
0 Likes
·
0 Votes
·
0 Comments
·
hello Mark, thanks that code works perfect but i have few more style issues wich looks not so nice

2. Draft Drop Down Select
3. Facebook Drop Down
4. Tag Label Button
5. Write Blog Location

see added screenshots..frontend acces are in site Details
·
Thursday, 14 August 2014 07:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

Please add this css code into you template css file.


/* Fix */
select#integrations_facebook_auto {
width: 30px;
}

#ezblog-dashboard .list-form li > label, #ezblog-dashboard .list-form li > div > label {
background: none;
}

li {
list-style-type: none;
}
·
Thursday, 14 August 2014 11:16
·
0 Likes
·
0 Votes
·
0 Comments
·
hello Nik, many thanks for your fix..it works except the Draft Select . please take a look again..
·
Thursday, 14 August 2014 17:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Can you try adding these to your template's css file,


#select-actions #entries-action {
padding: 0 !important;
height: 24px !important;
width: auto !important;
}
·
Friday, 15 August 2014 02:33
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks mark..sorry to bother you with css issues

can you please check also the showed apply ui-button?
·
Friday, 15 August 2014 02:57
·
0 Likes
·
0 Votes
·
0 Comments
·
The css codes above should fix the ui-button too. Is it not working for you?
·
Friday, 15 August 2014 14:59
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Mark, the Button is showed but not in same line like select option.
·
Friday, 15 August 2014 15:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

May I know which apply button you are referring to? Perhaps you can provide some screenshots.
·
Friday, 15 August 2014 15:21
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Nik, see Screenshot from Drafts Select Button;)
·
Friday, 15 August 2014 20:00
·
0 Likes
·
0 Votes
·
0 Comments
·
6. Write Blog - Category Select not fully showed

i use from old template.css the following EB code:

/*Fix for Category Select Popup*/
#ezblog-dashboard input#search,
#ezblog-dashboard input#search + .buttons,
#ezblog-dashboard input#search + .buttons + .buttons {
display: none;
}
#ezblog-dashboard .form-head .float-l,
#ezblog-dashboard .form-head .float-r,
#ezblog-dashboard .form-head .float-l.mrs{
vertical-align: top;
}
#ezblog-dashboard table#blogger-container tr > th:first-child {width: 8%;}
/*Fix for Category Select Popup Scroll Bar*/
#eblog-dialog iframe
{
overflow: hidden;
}
#ezblog-dashboard {
display: block;
}


But the Category select looks strange now:o
·
Saturday, 16 August 2014 02:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Add the codes below into your template's css file,


#entries-action {
margin-bottom: 0 !important;
}
·
Saturday, 16 August 2014 15:14
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks mark can you please check the issue:

6. Write Blog - Category Select not fully showed and old EB template fix code above?
·
Sunday, 17 August 2014 01:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I'm really sorry that delayed of this reply,
Regarding with your 6th issues :
>> I have checked in your write layout, it seems like you already fix the category select not fully showed css issues? Please advise.
·
Tuesday, 19 August 2014 16:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex, thanks for your Screenshot but not sure if i fix all Browser! could you please also check with firefox, Chrome and IE?
·
Tuesday, 19 August 2014 18:46
·
0 Likes
·
0 Votes
·
0 Comments
·
This issue has nothing to do with EasyBlog but your Joomla template is setting a strange width on the dialog. You can fix this by adding the block of css codes into your template's css file,


.com_easyblog.view-dashboard.layout-listCategories body #t3-content {
width: 100% !important;
}
·
Wednesday, 20 August 2014 00:38
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks for your help mark the width is fixed now.

in previous template i used a EB Code to fix the horizontal scrollbar in category popup but this code does also not longer work:


/*Fix for Category Select Popup Scroll Bar*/
#eblog-dialog iframe
{
overflow: hidden;
}
#ezblog-dashboard {
display: block;
}
·
Wednesday, 20 August 2014 03:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

Regarding the horizontal scrollbar in category popup, can you please elaborate more on which browser, screen size and devices?
·
Wednesday, 20 August 2014 11:30
·
0 Likes
·
0 Votes
·
0 Comments
·
hello Chang,, sorry i meant Vertical scrollbar on Firefox for example. please delete above Screenshot from your reply..
·
Wednesday, 20 August 2014 14:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Rene,

For remove the vertical scrollbar on category popup you can insert css codes below into your templates stylesheets.


html.com_easyblog.layout-listCategories {
overflow: hidden;
}
·
Wednesday, 20 August 2014 15:48
·
0 Likes
·
0 Votes
·
0 Comments
·
thanks chang it works

is it possible to hide the bullet in write blog location only on EB Write Blog Page? because your fix:

li {
list-style-type: none;
}


hides every bullet!
·
Thursday, 21 August 2014 03:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,
You can update the codes
from:
li {
list-style-type: none;
}

to:
.write-selectreaders li {
list-style-type: none;
}
·
Thursday, 21 August 2014 10:49
·
0 Likes
·
0 Votes
·
0 Comments
·
thank you it works

do you know where i can change the Category Titles Language in Popup ans change uppercase to lowercase?
·
Thursday, 21 August 2014 19:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello René,

Sorry for late reply to this,
Unfortunately that was not possible to change the language from the language file in current system.
But you can modify on this file -> JoomlaFolder\components\com_easyblog\themes\dashboard\system\dashboard.list.categories.php

//LINE 74
<th width="3%"><?php echo JText::_('ID'); ?></th>
//LINE 76
<th><?php echo JText::_('NAME'); ?></th>

Hope this help.
·
Friday, 22 August 2014 00:29
·
0 Likes
·
0 Votes
·
0 Comments
·
@Arlex

many thanks i will add this hack :

@support

i get also a style issue with Blog Image and Content Wrapping on Frontpage Mobile View.

see screnshot
·
Friday, 22 August 2014 01:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I am sorry for the late reply.
I have checked your site and it seems like there is some css code which override the display in mobile in this file: com_easyblog/assets/css/common.css . So, I have fix it and below is the previous code and here is my screenshot: xxx.

#eblog-wrapper .in-block,
#eblog-wrapper .float-r,
#eblog-wrapper .float-l {
float: none !important;
}

I have changed it to:

#eblog-wrapper .in-block,
#eblog-wrapper .float-r,
#eblog-wrapper .float-l {
float: left !important;
}


Hope this will work.
Thanks.
·
Friday, 22 August 2014 12:53
·
0 Likes
·
0 Votes
·
0 Comments
·
@Mohd

thanks for your fix but it seems there are more parts wich needs now a fix.

1. Blog Header Feed is floating left on Mobile view
2. Comment Avatar and Comments are overlaped in Mobile View or not in one line on Desktop view
3. Author Info and Avatar is also notlonger inline

ah and plesase remove your screencast link above;)
·
Friday, 22 August 2014 15:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I have fix this issue on your site. I have put several css code in your site. Can you verify this issue is resolved?

Please be advise.
Thanks.
·
Friday, 22 August 2014 16:35
·
0 Likes
·
0 Votes
·
0 Comments
·
hi above issue seems fixed

wich file did you modified?

Can you please also check the following Screenshots on Mobile View:

1. Related blog entry --> Title width

thanks and happy weekend:)
·
Saturday, 23 August 2014 01:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I am sorry for the late reply and forgot to tell you which files I have modified. Regarding the comment layout, I have modify this code in: /default/css/styles.css

#ezblog-body .comment-avatar + .comment-content {
margin: 0 0 0 65px;
}

And about author info and avatar is also not longer inline.

#ezblog-body .blog-meta {
line-height: 16px;
float: left;
}

About the blog header feed is floating left on mobile view, I have modify this code in: /assets/css/common.css

#eblog-wrapper .float-r, #eblog-wrapper .alignright {
float: right !important;
}

Regarding related blog entry - title width, I have modify this code in: /default/css/styles.css by adding width: 200px.

#ezblog-body .tab_button li a.ico {
background-position: 0 center;
background-repeat: no-repeat;
margin-left: 10px;
width: 200px;
}

And about
Blog Content width ion Mobile View right is to much Space, or?
I cannot understand you well. Can you provide us with screenshot of the issue since the screenshot you have provided to us is seem to be broken.

Please be advise.
Thanks.
·
Saturday, 23 August 2014 01:28
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Mohd, many thanks for modified files path and fixes

b.t.w your last uploaded /assets/css/common.css and /default/css/styles.css was also broken! i'v added your modifications in my backup files
·
Saturday, 23 August 2014 01:36
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Mohd, many thanks for modified files path and fixes i have updatet broken screenshots;)

3. Content Image mobile View --> Thumb Quality very low!
4. Blog Meta Entry --> not inline with Avatar on mobile view
5. Category view --> not inline with Avatar on mobile view
6. Tags view --> tags only in one column on mobile view
7. Blogger view --> Blogger not inline with Avatar and featured not inline with Bloggername

b.t.w your last uploaded /assets/css/common.css and /default/css/styles.css was broken! i'v added your modifications in my backup files..please use the correct ftp transfer code!
·
Saturday, 23 August 2014 04:12
·
0 Likes
·
0 Votes
·
0 Comments
·
8. Media Manager --> Add Image Confirmation needs space between thumb and text
9. EB Plugin --> Pagination links are not horizontal in Mobile view (link attached)
·
Sunday, 24 August 2014 06:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

3. Content Image mobile View --> Thumb Quality very low!

Because those thumbnails size are small. http://screencast.com/t/HKfC0FmuSUAs e.g.: 123x165 only


4. Blog Meta Entry --> not inline with Avatar on mobile view
5. Category view --> not inline with Avatar on mobile view
6. Tags view --> tags only in one column on mobile view

Those are responsive default styling in mobile view.

7. Blogger view --> Blogger not inline with Avatar and featured not inline with Bloggername

Please insert codes below in to your template stylesheets.
#ezblog-body .profile-title .tag-featured {
vertical-align: baseline;
}


8. Media Manager --> Add Image Confirmation needs space between thumb and text

Please insert codes below in to your template stylesheets.
#EasyBlogMediaManager .recentActivities .recentItem .item-image {
padding: 0;
}


9. EB Plugin --> Pagination links are not horizontal in Mobile view (link attached)

Please insert codes below in to your template stylesheets.
@media (max-width: 480px) {
html #eblog-wrapper .pagination-list li {
display: block;
margin: 0 5px 10px;
}
html #eblog-wrapper .pagination-list li a {
border: none;
}
}
·
Monday, 25 August 2014 11:32
·
0 Likes
·
0 Votes
·
0 Comments
·
hi chang,

thanks for your new fixes;)

8. how can i get here 5px space between little thumb and text?
9. i'v added your code in template .css and custom.css but there s no difference! (cache cleaned)

10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)
·
Monday, 25 August 2014 14:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Rene,

8. how can i get here 5px space between little thumb and text?

Did you mean this? http://screencast.com/t/SsnNWW5odX
If yes you can insert css codes below
#EasyBlogMediaManager .recentActivities .recentItem .itemTitle {
left: 45px;
}


9. i'v added your code in template .css and custom.css but there s no difference! (cache cleaned)

Sorry, here is the correct code for pagination in mobile view
@media (max-width: 480px) {
html #eblog-wrapper .pagination-list li {
display: inline-block;
margin: 0 5px 10px;
}
html #eblog-wrapper .pagination-list li a {
border: none;
}
}


10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)

Is it mobile view? If yes you can insert css codes below
@media (max-width: 480px) {
.fancybox-opened {
width: 98% !important;
top: 20px !important;
left: 1% !important;
position: fixed !important;
}
.fancybox-inner {
width: 100% !important;
}
.fancybox-close {
right: -4px !important;
}
}
·
Monday, 25 August 2014 15:24
·
0 Likes
·
0 Votes
·
0 Comments
·
thank you for fixes..i will try it[*]

10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)

it's also with Desktop View

11. EB Mobile Thumbs --> Mobile view with Caption not works
·
Monday, 25 August 2014 18:10
·
0 Likes
·
0 Votes
·
0 Comments
·
screenshot:)
·
Tuesday, 26 August 2014 02:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

Please insert the following codes.

10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)
it's also with Desktop View

.fancybox-opened {
z-index: 1032;
}


11. EB Mobile Thumbs --> Mobile view with Caption not works
/*EasyBlog thumbnails with caption in mobile view*/
#eblog-wrapper.w320 .blog-text .easyblog-image-caption-container {
width: 100%;
}
#eblog-wrapper.w320 .blog-text .easyblog-image-caption-container a.easyblog-thumb-preview {
width: 100%;
}
·
Tuesday, 26 August 2014 10:16
·
0 Likes
·
0 Votes
·
0 Comments
·
hi chang,

Mobile view with Caption works

10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)
it's also with Desktop View

i'v added you code above in template.css but there is no change for fanybox-opened and i guess also fancybox-overlay needs here a other z-index.
·
Tuesday, 26 August 2014 14:47
·
0 Likes
·
0 Votes
·
0 Comments
·
12. EB Activity in JS --> how do i get more space right and less space bottom between image and content? (see screenshot)
·
Tuesday, 26 August 2014 15:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,
10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)
it's also with Desktop View

.fancybox-opened {
z-index: 1032 !important;
}


12. EB Activity in JS --> how do i get more space right and less space bottom between image and content? (see screenshot)


#community-wrap .joms-stream.feed-easyblog .joms-stream-content span {
vertical-align: text-bottom;
}
·
Tuesday, 26 August 2014 16:15
·
0 Likes
·
0 Votes
·
0 Comments
·
12. EB Activity in JS --> how do i get more space right and less space bottom between image and content? (see screenshot)

#community-wrap .joms-stream.feed-easyblog .joms-stream-content span {
vertical-align: text-bottom;
}


hi Chang, your code above makes trouble with other JS Activity Stream entries..so i can't us it to fix it!
·
Wednesday, 27 August 2014 05:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

Then have to use this to control the spacing
#community-wrap .joms-stream.feed-easyblog .joms-stream-content span img {
margin: 0 5px 0 0 !important;
}
·
Wednesday, 27 August 2014 10:08
·
0 Likes
·
0 Votes
·
0 Comments
·
hello Chang, thanks foer your last fix it works good. can you please check position of tooltip in frontend blog dashboard. if the tooltip is not on top of fb icon it is difficult to click on it! see screenshot
·
Tuesday, 30 September 2014 06:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Rene,

Unable to login with user 'Sorvino', can you provide the account so that I can access your site?
·
Tuesday, 30 September 2014 10:06
·
0 Likes
·
0 Votes
·
0 Comments
·
hi, i have updated the site Details..should work now
·
Tuesday, 30 September 2014 14:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

For the frontend dashboard tooltips issues, please insert css codes below into your template stylesheets

#ezblog-dashboard .item_list .has-tooltip div.tip-item {
top: -70px;
}
body #ezblog-dashboard li .ui-button-option .buttons.social-share {
margin-right: 0;
}
·
Tuesday, 30 September 2014 15:01
·
0 Likes
·
0 Votes
·
0 Comments
·
hi, i have a issue with fancyoverlay similar like this old one:

10. EB thumbnail ligthbox overlapping joomla top menu (see screenshot)
it's also with Desktop View



.fancybox-opened {
z-index: 1032 !important;
}


i do not see the minithumb slider if ligthbox popup is opened. link to respective blog entry in site details opt info. tested with firefox
·
Thursday, 08 January 2015 08:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

To fixed the mini thumb slider you will need to insert css codes below into your template stylesheets.
#fancybox-thumbs {
z-index: 1032 !important;
}
·
Thursday, 08 January 2015 11:05
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Chang, thank you..works perfect. can you please check the + - function on a singe Blog entry? if i click more then 1 time on + Icon then my Content looks strange.
·
Wednesday, 14 January 2015 19:47
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Mohd, many thanks..works perfect!
·
Thursday, 15 January 2015 21:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Rene,

You're welcome. If you have anymore question, please do not hesitate to contact us again. It would be great if you can create a new ticket on the new issue since this issue is already resolved. This this can minimize the confusion between both of us.

Thanks and have a wonderful day.
·
Thursday, 15 January 2015 23:20
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post