1. rayjbarrett
  2. General
  3. Friday, December 06 2019, 03:15 PM
I am looking to improve the look of my profile listing pages. Any suggestions? I am not skilled a coding.
admin Accepted Answer
Admin
Hi,
we can help if it's simple, let me know how you want to change the layout :)
  1. more than a month ago
  2. General
  3. # 1
rayjbarrett Accepted Answer
Content Protected
  1. more than a month ago
  2. General
  3. # 2
admin Accepted Answer
Admin
Hi,
you can make layout modifications by adding a bit of CSS code yo your template.
Instead if you need to change output then you can use template override features, for example for the users list you can follow these steps:
- Go to Extensions->Templates->Templates
- Choose your theme
- Goto tab "Template Override"
- Choose "com_jsn"->"list"
- Edit new files
Template override will be not rewritten on Joomla or Easy Profile updates.
  1. more than a month ago
  2. General
  3. # 3
rayjbarrett Accepted Answer
Great. Do you think there are improvements which you can make on the page for me? Do you have an example? Thank you.
  1. more than a month ago
  2. General
  3. # 4
admin Accepted Answer
Admin
Hi,
for example you can have a small improvement by adding following CSS rules:
/* Title Style */
.jsn-l-title h3{
font-weight:bold;
font-size:16px;
font-family:Open Sans;
}
/* Fields Style */
.jsn-l-fields{
color:#777;
font-family:
}
.type_of_service{
font-weight:bold;
margin-bottom:4px;
color:black;
}
/* Over Effect on Avatars */
.jsn-l-avatar{
overflow:hidden;
border-radius:5px;
border:2px solid #337ab7;
}
.jsn-l-avatar img {
border-radius:0px;
transition: transform .2s; /* Animation */

}
.jsn-l-avatar img:hover{
transform: scale(1.2) rotate(15deg); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
Of course if you have some idea then we can help you to fit your needs :)
  1. more than a month ago
  2. General
  3. # 5
rayjbarrett Accepted Answer
In the com_jsn/list folder there are several files.
Which would do I add the code to?
default.php, default_search.php, defualt_user.php, export.php, table.php, table_search.php, table_user.php
Thank you
  1. more than a month ago
  2. General
  3. # 6
admin Accepted Answer
Admin
Hi,
main files are
- default.php: Users List menu item view
- table.php: User List Table menu item view
- export.php: this is the output of the export user feature

All other files are subviews
- default_search.php: the form view in Users List menu item
- defualt_user.php: the user block in Users List menu item
- table_search.php: the form view in Users List Table menu item
- table_user.php: the user row in Users List Table menu item

Basically in your case you use a menu item of type Users List, so you can copy and edit only following files: default.php and defualt_user.php
  1. more than a month ago
  2. General
  3. # 7
rayjbarrett Accepted Answer
Okay,
So which file do I put the custom code you sent in? Do I just add it to the bottom of the file?
  1. more than a month ago
  2. General
  3. # 8
admin Accepted Answer
Admin
Hi,
you can put the code at the end of file default.php
<style>
HERE CSS CODE
</style>
  1. more than a month ago
  2. General
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.