Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • jtestguy Friend
    #164152

    5-19 Update: Still not fixed after several more hours looking. I don’t know why posting simple questions in this forum takes so long to get answers but any potential new customers reading these posts must be concerned about their possible investment in these templates.

    My situation is this: I have a programming background but I’m not a CSS expert. I definitely don’t have time to learn the intricate details of the entire complex structure of this very powerful template. So from time to time I’ll need help identifying the actual CSS file I may need to change.

    IN THIS CASE I’m simply asking for help so I can fix a defect in the JA T3 Blank template. So thanks in advance for anyone who can help track down the actual CSS file that controls the menu items in module menus.

    ————————— ORIGINAL POST——————————–
    Using Joomla 1.6.0 and JA T3 Blank 1.0.3.

    Just added a menu module in position-5 (r.h. column) and selected an image (16×16 PNG) for each menu item using the Link Type Options.

    The menu images for all menu items are right up against the first char of each menu title with no space. The same thing happens in Joomla’s standard Site Map module.

    What’s the trick to enable some space following the icon image?

    Thanks in advance.

    jtestguy Friend
    #391979

    Bump bump bump bump

    thangnn1510 Friend
    #392066

    Hi jtestguy!

    Sorry for replying you late. Please give us the login information FTP/Admin account to your support ticket XBR-374-53207. I’ll check for you.

    Thanks for your patient.

    jtestguy Friend
    #392134

    With a code suggestion from “himangi” over on another forum section, I finally resolved the menu icon image spacing problem in the JA_T3_blank template. To anyone else wanting to fix it, in file public_htmltemplatesja_t3_blankcsstemplate.css,
    find these lines on (or near) line 278:
    /* Default Joomla! Menu —*/
    #ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

    and add the following 2 lines:
    /* adds space between menu icon and menu item text for Module Menus and Site Map */
    span.image-title{padding-left: 8px;}
    /* vertically aligns menu icon image and menu item text for Module Menus and Site Map */
    ul.menu img{vertical-align:middle;}

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 2 voices, and was last updated by  jtestguy 13 years, 6 months ago.

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