Subscribe via rss
Guest
or Ask a Question
Discussions
Add a reply View Replies (5)

search field to look like your demo

Music Collection
Monday, May 22 2017, 09:20 PM
Tuan Nguyen
Tuan Nguyen
Offline
0
Hi,

Please refer to my attachment -- How do I make my search field longer like the demo page? and It seems my down arrow image is not right ! How do I fix that.

Thanks --
Attachments:
Responses (5)

  • Accepted Answer

    Germinal Camps
    Germinal Camps
    Offline
    Tuesday, May 23 2017, 03:28 PM - #Permalink
    0
    hello

    can you try enabling the option for Bootstrap 3 on Music Collection configuration?
    The reply is currently minimized Show

  • Accepted Answer

    Tuan Nguyen
    Tuan Nguyen
    Offline
    Wednesday, May 24 2017, 02:21 PM - #Permalink
    0
    I enable the option for bootstrap 3 and it is now too long. You can see it here http://www.thanhnhac.com/index.php/music -- Please advise how to adjust it.
    The reply is currently minimized Show

  • Accepted Answer

    Germinal Camps
    Germinal Camps
    Offline
    Wednesday, May 24 2017, 04:10 PM - #Permalink
    0
    please try:
    open file /components/com_muscol/views/artists/tmpl/default_searchbar.php

    and on line 69, remove the "span12" class
    The reply is currently minimized Show

  • Accepted Answer

    Tuan Nguyen
    Tuan Nguyen
    Offline
    Wednesday, May 24 2017, 06:31 PM - #Permalink
    0
    I tried that and it fixed the search bar length. Thank you.

    Could you suggest how to change to the down arrow, right not it looks like a link chain? It seems can't locate the font from the style? (glyphicon-triangle-bottom)
    The reply is currently minimized Show

  • Accepted Answer

    Germinal Camps
    Germinal Camps
    Offline
    Monday, May 29 2017, 09:59 AM - #Permalink
    0
    this is because there's another Bootstrap CSS file being loaded in your template.

    the file is, and in line 6440 there is: /templates/yoo_edge/css/bootstrap.css

    [class^="icon-"]:before, [class*=" icon-"]:before {
    
    font-family: 'IcoMoon';
    
    font-style: normal;
    
    speak: none;
    
}


    if you remove this you should be ok...
    The reply is currently minimized Show
Your Reply