Suffusion drop down menu arrows

[jasonfrancis170]

Hi all,

I'd like to change the drop down arrows on my menu to some different ones. Is there an easy way to do this? I have the latest version of suffusion.

Many thanks

Jason

[Colin]

Jason

They are stored in the arrows.gif file found on your webserver in Themes > Suffusion > images folder.

You could just replace this file with a file of your own that contains the four versions of whatever you want to replace the arrows with BUT the gif image will need to be the same size 32 x 16. The disadvantage with doing this is that every time Suffusion is updated you will need to replace your file as it will be deleted.

[ldaniels]

An easy way to change the arrows would be in Custom Includes. That way, you won't lose them during upgrades.

Code: Select all

.float-ptr {
   
   background: url(http://mywptestingsite.dreamhosters.com/wp-content/images/downarrow.gif) no-repeat;
   height: 32px;
   width: 22px;
   top: 5%;
   right: 1px;
   position: absolute;
}
.down-ptr {
   
   background: url(http://mywptestingsite.dreamhosters.com/wp-content/images/downarrow.gif) no-repeat;
   height: 32px;
   width: 22px;   
        top: 5%;
   right: 1px;
   position: absolute;
   margin-left: 0px;
}

Notice that I used an absolute path to the new arrow.
The height and width should match your new arrow.
Fool with the top, right and left positions until it looks right to you.

You can see the example here on my test site: http://mywptestingsite.dreamhosters.com Look at the tab "Galleries"

Hope that helps,
Lee

[lucassaugen]

Would there be a way to just turn off the arrows all together. I still want the drop-down but just not the extra arrows down arrows.

[sayontan]

Would there be a way to just turn off the arrows all together. I still want the drop-down but just not the extra arrows down arrows.

Not without significant effort.

[livninctry]

I have the same question... In the Minima Theme the arrows on my top navigation menu do not seem to fit.

www.hoaconnections.com

Is there a way to just get rid of the class="with-arrow"?

Brian

[Colin]

You can try the following in Custom Styles put

Code: Select all

.down-ptr {background:none;}


[livninctry]

Thanks for the idea Colin... However, using the background:transparent just hides the arrow, but leaves the space created by the arrow. Same as if the image file "arrows" was missing.

I would like to remove the class or find where in all this coding I can find the line that places the arrows and remove the class="with-arrows" classification.

Thanks in advance....

Brian

[drake]

Try to add to Custom Styles:

Code: Select all

.down-ptr {display:none;}
#nav ul li a.with-arrow, #nav-top ul li a.with-arrow {padding-right: 10px;}

[livninctry]

Brilliant!!!!

Thanks for the help Drake....

Brian