How do you customize the Jump to: menu?

How do you customize the "Jump to:" menu as seen near the bottom of the topic lists and topics.? I don't want to add a image background or anything like that, just a few simple background color changes and text color changes.

thanks

i think the background color for that will be the drop down menu color in your color list.

Other then that i am sure it can be done in your css too, whats you forum link, the one in your profile

Yes the one in my profile.

Ok I found the background color for that, so all I need now is the css code to change the text and maybe the GO color also.

You can try this, change the font color where it says
font-color: #000000;

Code:


select {
    background-color: #969494;
    border: 1px solid #5DD5F0;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-color: #000000;
    padding: 1px;
    vertical-align: middle;
}

I am not sure about the go button, i will have to try a few more things

Code:


.vf_jumpbox select {
  background: blurgh...
  color: blurgh...
}
.vf_jumbox .button2 {
  blurgh...
}


The second selector is the Go button.

Kirk when I tried to add the code I got this message "Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code."

runawayhorses wrote:Kirk when I tried to add the code I got this message "Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code."

Oh looks like i forgot to add the beginning of that part of the coding.
It should work now, if not i will have to test it one of my test forums

You realise Kirk that you code will affect all select tags not just the 'Jump to' menu?

Such as dropdowns in profiles, in the UCP, preferences, the send PM page, and more.
Got to "home" in on things

Well it's basically the same way as if you had it set in the colors list too.
So it's up to him, unless you want to write out a better css.

Info added

LOL lg yeah man thats how it's supposed to be for all of them or it would not look right.
When he sets the colors he wants, then it will be in uniform with the other drop downs like you said. but it;s going to match the forum for the colors he wants to select..

If you take away the css and set these in the colors list, it will be the same way anyway for the drop downs, i just gave him this css so he cant change the font color there, But actually there is a place to do that to in the colors list i believe.. so dont even need the css to tell you the truth.. LMAO

But heck if you or someone else wants to write a separate css for each drop down sections then go for it.

The font color is not working.

kirk wrote:But heck if you or someone else wants to write a separate css for each drop down sections then go for it.

Yeah but I was under the impression he is only wanting to change the 'Jump to' dropdown.

Yeah well looks like that is not working anyway???

there is nothing in the color list for phpbb3, i know i have done it before there for punn and phpbb2, I will fiddle with it see if i can remember how to get it..


info added
Yeah it beats me???

I know i have done it before, but could have been phpbb3 from phpbb.
forumotions phpbb3 versions are not exactly the same, other then that i am sure another staff member will know. it's probably just something silly i am over looking?

I'll check back here in a while then if it is not solved then i will take another crack at it.
My luck by the time i get it someone else will have posted it already...

Well I definitely want it for all the boxes so it will look uniform.

I have set the background color of the menu how I want it in the colors section of the admin panel, all I need know is the css to the link colors and/or text colors or both.

Try this selector:

Code:


select option {
 //rules
}


Or if not, just try 'option' on its own.

I havent add any css to the stylesheet yet the background was changed in Display>>Colors and I changed the background color associated with the drop down menu, and that is set.

I need the entire css code that only addresses the drop down menu font colors. thanks

The code there does not have the place to add the color..

Sorry I thought you knew to add the color:

Code:


select option {
 color: your color;
}


LGforum wrote:Sorry I thought you knew to add the color:

Code:


select option {
 color: your color;
}


yup that works
Thanx LG

Ok that works great. One last thing and I'm done. How to you add a hover color to that?.

select option:hover {
color: your color;
background-color: your color;
}