Jump to content

Alpha Picker position and color


cochize1
Go to solution Solved by Happy2Play,

Recommended Posts

cochize1

Hi, can't seem to find a way to change the color of the letters in Alpha Picker and also the way to move it down a little, anyone?

Link to comment
Share on other sites

  • Solution
Happy2Play

Something like this

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-fixed {top: 12em;}

 

Link to comment
Share on other sites

cochize1

Sorry, doesn't work for me, everything stays the same

EDIT: It worked when I placed the code at the beggining of my existing code

Edited by cochize1
Link to comment
Share on other sites

  • 7 months later...
arrbee99

Am wondering if anyone might know some updates for these please, as its something that stopped working for me recently. Also similar stuff I had to increase the size of the letters stopped working. I tried to fix it up yesterday but as usual nothing worked.

Link to comment
Share on other sites

Happy2Play
12 minutes ago, arrbee99 said:

Am wondering if anyone might know some updates for these please, as its something that stopped working for me recently. Also similar stuff I had to increase the size of the letters stopped working. I tried to fix it up yesterday but as usual nothing worked.

Sorry the code above works for me.  And you can add "font-size" to "div.alphaPickerRow-vertical button".

only tested in 4.7.0.3 though.

Link to comment
Share on other sites

arrbee99

Weird.

Still, I just tried adding font size as a separate item in the middle here -

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 12em;}

and thats the only one that works. Something to do with !imprtant (which was only there as it was a cut and paste job), or the absence of Row, or something.

Link to comment
Share on other sites

Happy2Play
13 minutes ago, arrbee99 said:

Weird.

Still, I just tried adding font size as a separate item in the middle here -

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 12em;}

and thats the only one that works. Something to do with !imprtant (which was only there as it was a cut and paste job), or the absence of Row, or something.

Original code adding font-size to button but I can apply at your level without !important (tested with different color).  This is what I get

alpha.thumb.jpg.967fa39fad6d7c366c8568f776036632.jpg

disabled.thumb.jpg.fb14c0990438304b70d6427dc3ed2a96.jpg

enabled.thumb.jpg.b1ddb6e2cab7f241413fd8e6ef85b5bf.jpg

Only thing I can think of would be conflicting code.  Did you test this code by itself?

Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

arrbee99

Haven't tried by itself. I might well do so, though I admit increasing the font size to something I can actually see is the most important for me, and thats the bit that works.

But I shall no-doubt continue to fiddle with the other two items and probably try it by itself pretty soon.

Link to comment
Share on other sites

Happy2Play
11 minutes ago, arrbee99 said:

Haven't tried by itself. I might well do so, though I admit increasing the font size to something I can actually see is the most important for me, and thats the bit that works.

But I shall no-doubt continue to fiddle with the other two items and probably try it by itself pretty soon.

image.thumb.png.59b84e7da53a58eb660a2d6bffbc785c.png

div.alphaPickerRow-vertical {font-size: initial;}
div.alphaPickerRow-vertical button {color: red;}
div.alphaPicker-fixed {top: 12em;}

 

Link to comment
Share on other sites

arrbee99

The bottom two lines work.

The top line doesn't seem to. I changed it from initial to 135%, stayed the same, upped it to 200%, stayed the same, added !important, stayed the same, got rid of Row, stayed the same.

So if I have this

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 32em;}

 

/*div.alphaPicker-vertical {font-size: 200% !important;}
div.alphaPickerRow-vertical button {color: red;}
div.alphaPicker-fixed {top: 32em;}*/

I get this -

1186647391_Alphapicker1.thumb.JPG.2639a6bbd01ea1e3fb772c41294bb62c.JPG

and if I swap round whats enabled -

/*div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 32em;}*/

 

div.alphaPicker-vertical {font-size: 200% !important;}
div.alphaPickerRow-vertical button {color: red;}
div.alphaPicker-fixed {top: 32em;}

I get this -

1219610225_Alphapicker2.thumb.JPG.247bd7aeafaaca74a491bbfe619bc88f.JPG

Does that make sense to you ? I guess I should try the 'getting rid of all the other stuff' bit.

 

 

Link to comment
Share on other sites

Happy2Play
10 minutes ago, arrbee99 said:

Does that make sense to you ? I guess I should try the 'getting rid of all the other stuff' bit.

No as both work for me, I don't need the !important either.  Also if you apply to much "Top" you will loose the lower letters.  But can only guess you have some conflicting code somewhere.  You should be able to see in the dev console as it shows you the custom css applied.

Link to comment
Share on other sites

Happy2Play

@arrbee99How about just this.

button.alphaPickerButton-vertical {
    font: caption;
    color: yellow;
}

 

Link to comment
Share on other sites

arrbee99
5 minutes ago, Happy2Play said:

@arrbee99How about just this.


button.alphaPickerButton-vertical {
    font: caption;
    color: yellow;
}

 

...I just get small yellow letters.

If I have this -

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 12em;}


I get big letters in the right place, but not yellow, but if I comment out the top (color yellow) line I just get small letters in the right place.

Link to comment
Share on other sites

arrbee99

But if I chuck everything completely and add this

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 32em;}

back, everythings fine (except too low, but that was just to see if that command was working.

Link to comment
Share on other sites

arrbee99

But I might give up and put everything back, and just keep this

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 12em;}

so that the size and position work

Link to comment
Share on other sites

Happy2Play
1 minute ago, arrbee99 said:
12 minutes ago, Happy2Play said:

@arrbee99How about just this.




button.alphaPickerButton-vertical {
    font: caption;
    color: yellow;
}

 

Expand  

...I just get small yellow letters.

Really as I get this.

image.thumb.png.274726726ef944473efc4885297a0beb.png

2 minutes ago, arrbee99 said:

But if I chuck everything completely and add this

div.alphaPickerRow-vertical button {color: yellow;}
div.alphaPicker-vertical {font-size: 135% !important;}
div.alphaPicker-fixed {top: 32em;}

back, everythings fine (except too low, but that was just to see if that command was working.

So you have conflicting code somewhere.  You can PM or post your complete code and I can take a look.

Link to comment
Share on other sites

arrbee99

I can PM (or post) it, but it seems like quite a bit to me, so if you don't fancy it, please say so...

Link to comment
Share on other sites

Happy2Play
5 minutes ago, arrbee99 said:

I can PM (or post) it, but it seems like quite a bit to me, so if you don't fancy it, please say so...

No worries I offered.  Not knowing what you have you might want to put it in a txt file and attach or PM.

Link to comment
Share on other sites

Happy2Play
16 minutes ago, arrbee99 said:

😂You know your only issue is a missing "/" in one of your line breaks.  The one for your alphapicker section is in.  Then of course uncommenting the color.

here as this starts breaking the code below it.

* ---------------------------------------------------------------------------------------------------- */
/* Movie and Series List */

 

Edited by Happy2Play
  • Thanks 1
Link to comment
Share on other sites

arrbee99

That is just so completely, erm, flipping typical. Thanks for spotting my deliberate mistake 🙃

I don't know what upside down face means but I like it.

Any idea how come it doesn't break everything after it, of which there's quite a bit ?

Link to comment
Share on other sites

Happy2Play
1 minute ago, arrbee99 said:

That is just so completely, erm, flipping typical. Thanks for spotting my deliberate mistake 🙃

I don't know what upside down face means but I like it.

Any idea how come it doesn't break everything after it, of which there's quite a bit ?

That I do not know as it is sort of selection after the break in the code.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...