Move Category Title up
By Gene Wilson on Tuesday, 11 February 2014
Posted in Technical Issues
Replies 9
Likes 0
Views 508
Votes 0
Hi, i need to move the category title up beside the category avatar and eliminate the space above the title. I have searched and try to find the setting using Firebug with no results.

Thanks for your help, Gene
Ok Thanks. That did add the spacing, but I went to your site demo and the avatar surround that is on the individual categories is not present in the categories list, so it's not going to happen anyway.

Thanks very much for all your help, Gene
Gene Wilson
·
Wednesday, 12 February 2014 01:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Please provide us with the link to the page.
Mark
·
Tuesday, 11 February 2014 23:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Here is the development page, thanks.
Gene Wilson
·
Tuesday, 11 February 2014 23:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Gene,

Your Joomla template is pretty bad because it's resetting all ol,ul,p,h3 with a clear: left. This will mess up the layout of other extensions as well if they are using such elements. To quickly fix this, add this to your template's css file,



body #eblog-wrapper .profile-title,

body #eblog-wrapper .profile-basic ul

{

    clear: none !important;

}
Mark
·
Tuesday, 11 February 2014 23:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark, this worked great! But I have one more issue, adding this wiped out the avatar styling, seems like the elements are too close together.

Thanks, Gene
Gene Wilson
·
Wednesday, 12 February 2014 00:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Try adding this,



.profile-basic

{

    margin-left: 130px !important;

}
Mark
·
Wednesday, 12 February 2014 00:11
·
0 Likes
·
0 Votes
·
0 Comments
·
That works great for the individual categories, thanks. But in the category list it is still too close together.


Thanks, Gene
Gene Wilson
·
Wednesday, 12 February 2014 00:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Please try these codes,





.profile-info .profile-title

{

    margin-top: 10px !important;

}



.profile-item .profile-info .profile-info

{

    margin-top: 20px !important;

}



.profile-info .profile-title,

.profile-item .profile-info

{

    margin-left: 40px !important;

}
Mark
·
Wednesday, 12 February 2014 00:41
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
Mark
·
Wednesday, 12 February 2014 01:28
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post