Member Menu Icons

Anyone know how to change the member menu icons size  from (16px) to (24px)

The 16px are to small some people are blaine and they can't see those little icons I want a better siza so they can be easy to see on the member menu bar

 

Thank you

Post Reply - if you going to help - No for - bla bla bla bla
Quote · 7 Aug 2011

What file I need to edit for this guys Please

Post Reply - if you going to help - No for - bla bla bla bla
Quote · 7 Aug 2011

Firebug will tell you.

top_menu.css

.topMenu a span.down img, .topMenu b span.down img {
    height16px;
    margin8px auto 7px;
    vertical-alignmiddle;
    width16px;
}

https://www.deanbassett.com
Quote · 7 Aug 2011

Yea I try that yesterday but stil 16px I change from 16 to 24

on top_menu.css using my firebug for firefox

Post Reply - if you going to help - No for - bla bla bla bla
Quote · 7 Aug 2011

Well it worked for me. If you have css caching turned on, then it will not show up until cache is cleared.

When working on changes for your site, always do the following two things first.

1) Shut off all site caching.

2) Clear cache.

Work on your site to your heart's content. With caching off you will see changes without having to clear the cache. Sometimes browser cache may need to be cleared if changes such as images are made as most browsers cache images.

Then turn caching back on after you are finished.

https://www.deanbassett.com
Quote · 7 Aug 2011

The only Icons are getting bigers is the one on the top menu

I want the one on the member bar at the bottom

Post Reply - if you going to help - No for - bla bla bla bla
Quote · 7 Aug 2011

Oh. Sorry. Wrong menu.

That is generated in code but i cannot seem to find it.

https://www.deanbassett.com
Quote · 8 Aug 2011

Hello,

To  change icons dimensions in member menu panel find Dolphin root/templates/base/extra_top_menu.html file and copy it to your template directory. In this file find the following code near line 24:

<a href="__menu_link__" class="__item_link_indent__" __extended_action__ __target__>
                        <img src="__menu_image__" <bx_if:item_id>id="__item_img_id__"</bx_if:item_id> border="0" width="16" height="16" /> __menu_caption__
                                    </a>

change width and height values to 24:

<a href="__menu_link__" class="__item_link_indent__" __extended_action__ __target__>
                        <!-- nk --!>             <img src="__menu_image__" <bx_if:item_id>id="__item_img_id__"</bx_if:item_id> border="0" width="24" height="24" /> __menu_caption__
                                    </a>

find the following code near line 96:

 <a  class="extra_item __item_link_indent__" href="__menu_link__" __extended_action__ __target__>
                         <img src="__menu_image__" border="0" width="16" height="16" /> __menu_caption__
                                    </a>

and just do the same:

 <a  class="extra_item __item_link_indent__" href="__menu_link__" __extended_action__ __target__>
                        <!--nk --!>         <img src="__menu_image__" border="0" width="24" height="24" /> __menu_caption__
                                    </a>

Thank you,

Best regards, nuknspax.

Free and premium Dolphin templates. Custom design services.
Quote · 9 Aug 2011

@Nuknspax - Thank you so mutch I will try your information

Post Reply - if you going to help - No for - bla bla bla bla
Quote · 9 Aug 2011

How do I change the size of the picture of the top menu language

Quote · 31 Dec 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.