Logo of SermonSpeaker Extension Claim

Login Form

[SOLVED] Help please finding styling solution

More
1 week 6 days ago - 1 week 5 days ago #7630 by Carlos Silva
Currently using Firefox Inspector have found:

.ss-current, .table-striped tbody > tr.ss-current:nth-child(2n+1):not(:hover) > td, .list-striped li.ss-current:nth-child(2n+1):not(:hover) {
background-color: #EBFFEB;
border-radius: 10px;
overflow: auto;

I need to change overflow: permanently to visible:

.ss-current, .table-striped tbody > tr.ss-current:nth-child(2n+1):not(:hover) > td, .list-striped li.ss-current:nth-child(2n+1):not(:hover) {
background-color: #EBFFEB;
border-radius: 10px;
overflow: visible;

Problem is I have searched for couple days and still haven't been able to determine where that actually happens.
Attachments:
Last edit: 1 week 5 days ago by Carlos Silva.

Please Log in or Create an account to join the conversation.

More
1 week 6 days ago #7631 by Thomas Hunziker
Firefox actually tells you which file the rule is in.
If you look at the top right corner of the rule it says "player.css:52". That's the file and line, If you hover over it, it shows the full location of the file (.../media/com_sermonspeaker/css/player.css) and if you click on it it shows you the whole file.

Now you can either override the whole file in your template (see docs.joomla.org/Understanding_Output_Ove...Media_Files_Override ) or you can overwrite the rule itself using custom CSS in your template.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.

Please Log in or Create an account to join the conversation.

More
1 week 5 days ago #7632 by Carlos Silva
Thank you Thomas for the quick reply. The more I experiment with SS the more I like it.
With this information will try and resolve my personal preference.
I am still learning all this. I am a hardware guy. In my programming days, a VERY long time ago we used machine language and switches for input, then later on we really progressed and moved up to punch cards, then Teletypypes, and much later on CRT's. I even experimented with Dartmouth Basic, Fortran, and APL.
Now look at me, so I guess you can teach an old dog new tricks !!!

Please Log in or Create an account to join the conversation.

More
1 week 5 days ago - 1 week 5 days ago #7633 by Thomas Hunziker
And there I thought I was an old guy with my first computer being a Commodore VC20 (predecessor of the C64) with a tape drive :-)

CSS is actually very easy once you understand the basics.
.ss-current,
.table-striped tbody > tr.ss-current:nth-child(2n+1):not(:hover) > td,
.list-striped li.ss-current:nth-child(2n+1):not(:hover) {
overflow: visible;
}
Will override the existing rule. If you only need it for the ss-current class, you can even do it simpler
.ss-current {
overflow: visible;
}
The other selectors are only needed if you have a Bootstrap based template (to override Bootstrap styling).

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.
Last edit: 1 week 5 days ago by Thomas Hunziker.

Please Log in or Create an account to join the conversation.

More
1 week 5 days ago #7634 by Carlos Silva
Again thank you that's great to know.
Thank you for your guidance. Using the previous information I went in with Filezilla took a look at the player.css and changed the file. It was fairly simple once I knew where to look.
Starting to like this :)

Please Log in or Create an account to join the conversation.

Time to create page: 0.192 seconds
Powered by Kunena Forum