Viewing 8 posts - 16 through 23 (of 23 total)
  • Author
    Posts
  • angie00 JATC
    #1078309
    This reply has been marked as private.
    Saguaros Moderator
    #1078746

    Hi,

    On this page: https://wpsd.net/board-of-education as you can see the space is not enough to display full number of Phone in one line. If we change the space of this, the space of name for contacts must be reduced so we prefer changing the number

    The style I sent you is made via LESS files in template so if you update Joomla, it will be not affected. But if you update template, pls backup all files first.

    angie00 JATC
    #1078760

    Ok, would it be possible to move the contact details (position and phone/ address) to another line? The template is really great and all in all we are quite pleased with it! Thank you for all your assistance!

    Saguaros Moderator
    #1079054

    Hi,

    I can’t access both admin + ftp account at this moment.

    Kindly check this file: root/templates/ja_sugite/html/com_contact/category/default_items.php

    If you don’t have this directory, open this file instead:
    root/plugins/system/t3/base-bs3/html/com_contact/category/default_items.php

    Then change the 2 values:

    $contact_width = 8

    and: class="span4 col-md-4"

    Like this: http://prntscr.com/hj7gy8

    angie00 JATC
    #1079737

    @saguaros

    I was going to add this code to the copy on my local server but I couldn’t find it in the file navigation link you provided on the hosted version. Would there be somewhere else you placed this code? Thanks!

    Saguaros Moderator
    #1079841

    As I mentioned in my last post, this file is not overrode in template folder by default, so you can open based file in T3 framework plugin instead: root/plugins/system/t3/base-bs3/html/com_contact/category/default_items.php

    angie00 JATC
    #1079922

    Ok sorry, I was referring to an earlier post within this thread where you said you updated the file below. I couldn’t find the updates in the joomla.less. Is this where the code below gets added? I looked on the file on my live server and didn’t see the code within the file.

    I updated the file: /templates/ja_sugite/less/joomla.less

    At the end of this file, I added new declaration for the contact list page:

    <pre class="prettyprint linenums:1 prettyprinted" style="">

    1. <span class="pun">.<span class="pln">contact<span class="pun">-<span class="pln">category <span class="pun">{
    2. <span class="pln">ul<span class="pun">.<span class="pln">category <span class="pun">{
    3. <span class="pln">border<span class="pun">-<span class="pln">top<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    4. <span class="pln">overflow<span class="pun">: <span class="pln">hidden<span class="pun">;
    5. <span class="pln">
    6. <span class="pln">li<span class="pun">.<span class="pln">row<span class="pun">-<span class="pln">fluid <span class="pun">{
    7. <span class="pln">border<span class="pun">: <span class="pln"> <span class="lit">1px <span class="pln">solid <span class="lit">@gray<span class="pun">-<span class="pln">lighter<span class="pun">;
    8. <span class="pln">width<span class="pun">: <span class="pln"> <span class="lit">100<span class="pun">%;
    9. <span class="pln">margin<span class="pun">-<span class="pln">right<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    10. <span class="pln">margin<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    11. <span class="pln"> <span class="pun">.<span class="pln">clearfix<span class="pun">();
    12. <span class="pln">
    13. <span class="pln"> <span class="pun">& <span class="pln"> <span class="pun">> <span class="pln">div <span class="pun">{
    14. <span class="pln">margin<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    15. <span class="pln"> <span class="pun">}
    16. <span class="pln"> <span class="pun">}
    17. <span class="pln"> <span class="pun">}
    18. <span class="pln">
    19. <span class="pln"> <span class="pun">.<span class="pln">cat<span class="pun">-<span class="pln">children <span class="pun">{
    20. <span class="pln">ul <span class="pun">{
    21. <span class="pln">border<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    22. <span class="pln">border<span class="pun">-<span class="pln">top<span class="pun">: <span class="pln"> <span class="lit">1px <span class="pln">solid <span class="lit">@t3<span class="pun">-<span class="pln">border<span class="pun">-<span class="pln">color<span class="pun">;
    23. <span class="pln">
    24. <span class="pln">li <span class="pun">{
    25. <span class="pln">background<span class="pun">: <span class="pln">transparent<span class="pun">;
    26. <span class="pln">border<span class="pun">-<span class="pln">bottom<span class="pun">: <span class="pln"> <span class="lit">1px <span class="pln">solid <span class="lit">@t3<span class="pun">-<span class="pln">border<span class="pun">-<span class="pln">color<span class="pun">;
    27. <span class="pln">padding<span class="pun">: <span class="pln"> <span class="lit">5px <span class="pln"> <span class="lit">0 <span class="pln"> <span class="lit">5px <span class="pln"> <span class="lit">0<span class="pun">;
    28. <span class="pln">
    29. <span class="pln">h4 <span class="pun">{
    30. <span class="pln">border<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">1px <span class="pln">dotted <span class="lit">@gray<span class="pun">-<span class="pln">light<span class="pun">;
    31. <span class="pln">font<span class="pun">-<span class="pln">size<span class="pun">: <span class="pln"> <span class="lit">14px<span class="pun">;
    32. <span class="pln">font<span class="pun">-<span class="pln">weight<span class="pun">: <span class="pln"> <span class="lit">600<span class="pun">;
    33. <span class="pln">padding<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    34. <span class="pln">padding<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">15px<span class="pun">;
    35. <span class="pln">margin<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">20px<span class="pun">;
    36. <span class="pln">position<span class="pun">: <span class="pln">relative<span class="pun">;
    37. <span class="pln">
    38. <span class="pln"> <span class="pun">&:<span class="pln">after <span class="pun">{
    39. <span class="pln">border<span class="pun">-<span class="pln">top<span class="pun">: <span class="pln"> <span class="lit">1px <span class="pln">dotted <span class="lit">@gray<span class="pun">-<span class="pln">light<span class="pun">;
    40. <span class="pln">display<span class="pun">: <span class="pln">block<span class="pun">;
    41. <span class="pln">content<span class="pun">: <span class="pln"> <span class="str">""<span class="pun">;
    42. <span class="pln">position<span class="pun">: <span class="pln">absolute<span class="pun">;
    43. <span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    44. <span class="pln">top<span class="pun">: <span class="pln"> <span class="lit">8px<span class="pun">;
    45. <span class="pln">height<span class="pun">: <span class="pln"> <span class="lit">1px<span class="pun">;
    46. <span class="pln">width<span class="pun">: <span class="pln"> <span class="lit">10px<span class="pun">;
    47. <span class="pln"> <span class="pun">}
    48. <span class="pln"> <span class="pun">}
    49. <span class="pln">
    50. <span class="pln">li h4 <span class="pun">{
    51. <span class="pln">margin<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">40px<span class="pun">;
    52. <span class="pln"> <span class="pun">}
    53. <span class="pln">
    54. <span class="pln">li li h4 <span class="pun">{
    55. <span class="pln">margin<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">60px<span class="pun">;
    56. <span class="pln"> <span class="pun">}
    57. <span class="pln">
    58. <span class="pln">li li li h4 <span class="pun">{
    59. <span class="pln">margin<span class="pun">-<span class="pln">left<span class="pun">: <span class="pln"> <span class="lit">80px<span class="pun">;
    60. <span class="pln"> <span class="pun">}
    61. <span class="pln">
    62. <span class="pln"> <span class="pun">&:<span class="kwd">last<span class="pun">-<span class="pln">child <span class="pun">{
    63. <span class="pln">border<span class="pun">: <span class="pln"> <span class="lit">0<span class="pun">;
    64. <span class="pln"> <span class="pun">}
    65. <span class="pln"> <span class="pun">}
    66. <span class="pln"> <span class="pun">}
    67. <span class="pln"> <span class="pun">}
    68. <span class="pun">}

    Saguaros Moderator
    #1080033

    Hi,

    I think it’s not correct syntax for LESS, you can check out this for more info: https://getbootstrap.com/docs/3.3/css/#less

    Let me know how you want to achieve so I can help you out.

    Cheers!

Viewing 8 posts - 16 through 23 (of 23 total)

This topic contains 22 replies, has 2 voices, and was last updated by  Saguaros 7 months, 1 week ago.

We moved to new unified forum. Please post all new support queries in our New Forum