#wordpress 2019-11-05

2019-11-05 UTC
bekoDiscord[m] and dmcweeney joined the channel
#
dmcweeney
If anyone is available I was wondering how I might be able to adjust my apple music widgets individually on my website
#
[jgmac1106]
Drew I can help probably a CSS issue, let me gets to bed in a few....should be able to overide any of the css in Customizer...
#
dmcweeney
Alright
#
[jgmac1106]
okay what are you trying to do to the widgets?
#
dmcweeney
If you go to my website (for example), there is an apple music widget top left corner under #culture
#
dmcweeney
At the end of that widget, there is some blank white space-How do I get rid of that white space
HexDiscord[m], [schmarty] and [chrisbergr] joined the channel
#
[jgmac1106]
you need to change the size of .embed-player they are all set to be 280×390
#
dmcweeney
what does that mean? What should they be?
#
[jgmac1106]
it means that if you did .embed-player { max-height: 290px} they would be smaller. the tricky thing is your content is all different
#
dmcweeney
Well each widget is a different height
#
[jgmac1106]
some play lists have 2 songs some 5 but every player has a height of 390 based? On mobile? for me I am seeing them all 390 with your overflow hidden?
#
dmcweeney
For example the widget under #culture (top left corner) has a lot of white space under the © The Drew McWeeney Dectet
#
[jgmac1106]
yes but the entire box is 390px your content does not take up 390px in that one
#
dmcweeney
but however the widget at the bottom right (#persevere) does not have any excess white space under the copyright 2018 Drew McWeeney
#
[jgmac1106]
on the right side the boxes are longer because the height is relative to its container....meaning skinnier container you need to stretch out the boc
#
dmcweeney
No I am referring to just the widgets not the sidebar container
#
[jgmac1106]
sorry I am referring to a div as a "container" not to a specific element
#
[jgmac1106]
the box on the bottom right has A more content, and B the right side widget sidebar is skinnier than your left so the content needs to stretch more
#
dmcweeney
No I am just wondering how to remove the excess white space after the copyright information in the sidebar widget. Do I have to go back to the CSS for each widget or can I make the change through CSS
#
dmcweeney
I'm not referring to the stretch-I'm referring to the height
#
dmcweeney
Can you do a video chat?
#
dmcweeney
I am probably not explaining it too well .. my bad!
#
[jgmac1106]
if you had 3x3 block of playdough and put it into a square container 4x4 and then the same block of playdough in a 3x4 container the playdough "content" would stretch..basic same thing here
#
[jgmac1106]
I am saying if you wanted to do this you would need to change .embed-player { max-height: 290px} for each use case, number of songs, left, right with a lot of guessing of max-height
#
[jgmac1106]
I wouldn't attempt it because A: messing with pixels where your height is relative to the container it is in will mess up mobile..I am also not css expert others may have advice
#
[chrisbergr]
Is the max-height property necessary at all?
#
[chrisbergr]
I don't know the url so I'm not able to see for myself
#
[jgmac1106]
its not set it is calculated based on screen width
#
[jgmac1106]
that's the other thing drew it is 390px on my laptop it will be different on my desktop
#
dmcweeney
URL is drewmcweeney.com
#
dmcweeney
@jgmac1106 are you able to do a video chat?
#
[jgmac1106]
no I am not and nor can I do what you want
#
[jgmac1106]
maybe try a negative margin on: tracklist__footer__copyright???
#
[chrisbergr]
The first thing I notice: The red-ish play button will be translated based on the browsers language. In my case it labels "Wiedergeben". This is too wide and will be cut right before the "N".
#
[jgmac1106]
if you put .embed-player { max-height: 290px} the white spacewill change, but you won;t like result on the right
#
dmcweeney
I see the change
#
dmcweeney
So I guess my question is some music widgets have the scroll bar and others don't
#
[jgmac1106]
you need to think of them as boxes. the more you put in the box the less white space, the skinnier the box, the less whitespace...to wher as [chrisbergr] points out stuff spills oustise (overflow)
#
dmcweeney
Why is that?
#
[jgmac1106]
that is called overflow
#
[jgmac1106]
you have to much crap to stuff in your box
#
dmcweeney
So there is no CSS to make the scroll bar disappear then
#
[chrisbergr]
I would do .embed-player { max-height: none; height: auto; } - Or do I miss something?
#
[jgmac1106]
yes, that can be done but then the content can't be got
#
[jgmac1106]
I was offering it more as lesson than solution
#
[chrisbergr]
Oh sorry 😄
#
[jgmac1106]
that is probably what it set as seeing it is setting the height relative using flexbox and a box model
#
[jgmac1106]
You casn design your own widgets as text options and just link to itunes...or better yet songs on your own server
#
[jgmac1106]
and then control all the layout...within the parameters of your sidebar widget...do they really drive a ton of sales...if not is it the extra white space causing the lack of click through
#
[jgmac1106]
Drew because your box size is set and your the stuff you are putting in each box is different...I don't really know how to help
#
[jgmac1106]
CSS subgrid will fix all this one day hopefully soon
#
dmcweeney
Oh okay-It just seemed strange that some widgets had white space at the bottom and others did not but I think I get it now
#
[chrisbergr]
40 Cookies. this iTunes widget is definitely not an option for me in germany.
#
[jgmac1106]
[chrisbergr] brings up good point...lot of trackers come with third party plugins, slows down your site, why not <li><a href="song on itunes">my song</a></li>
#
[jgmac1106]
better yet <li><a href="song on myserver">my song</a> <a href="donate>Donate</a></li>
#
[chrisbergr]
Or instead of "Donate" I can imagine "Buy on iTunes"
#
[jgmac1106]
if you want a deep dive here is how the layout is working in the widget: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Alignment
#
[jgmac1106]
that is option A....but yeah you could do link to a snippet or whole song and then include a link to buy on itunes
#
[jgmac1106]
that might make the most sense. visitors can hear snippet or entire song and purchase if they wanrt
#
[jgmac1106]
side note (off topic) I publish a list of all the torrents I am seeding: https://jgregorymcverry.com/myseeds
#
[jgmac1106]
what you would do is go to to your shared host make a directory called /music/ or whatever, and upload snippets or whole songs..
#
dmcweeney
Great idea
#
[jgmac1106]
then custom text/html widget <li><a href="drewmcweeney.com/music/snippet">Play Now</a> <a href="itunes link">Buy on Itunes</a></li>
#
[jgmac1106]
I have all 60ish gigs of my music on my website.....because I can...no other real reason
#
[chrisbergr]
Thats a lot. It seems like you're making music for a long time 🙂
#
[jgmac1106]
ain't my music...my music collection
#
[jgmac1106]
drewmcweeney, yeah he is super talented musician...
#
[chrisbergr]
Oh now I get it. Is this legal?
#
[jgmac1106]
they are all ripped CD's I have and collected and traded for some thirty odd years...no different the listening to the radio and hitting record to make a mixtape IMO
#
[jgmac1106]
and I don't distribute, don't share, just for me
#
[jgmac1106]
more chat than WP...but streaming bout the cost of one CD a month,....just think folks are better served buying one album a month, though I have sirius...so I stream as well....hypocrisy is just a form of pragmatism
#
[chrisbergr]
Okay, I was just surprised. In my country everything is so complicated.
#
[chrisbergr]
Something funny: Publishers filed lawsuits against Google because Google News displays their headlines. Google should pay the publishers. Google says no thanks, throws them out and now the publishers plan to file lawsuits to get readded by Google
#
[jgmac1106]
lets head to chat for the discussion or indieweb if you think on topic, but I have already spammed wp channel enough
[chrisaldrich] and wyre joined the channel
#
wyre
what's indieweb?
#
GWG
wyre: You just have to ask
#
GWG
What is the indieweb?
#
GWG
Hmm...that usually works.
#
Loqi
The IndieWeb is a community of individual personal websites, connected by simple standards, based on the principles of owning your domain, using it as your primary identity, to publish on your own site (optionally syndicate elsewhere), and own your data https://indieweb.org/IndieWeb
#
GWG
There it is
#
wyre
GWG, I don't get very well
#
GWG
wyre: Get?
#
wyre
understand
#
GWG
wyre: What would you like to know?
#
GWG
We're a community of individuals who believe in having your own website?
#
wyre
what are the benefits?
#
Loqi
"You're here because you know something. What you know you can't explain, but you feel it. You've felt it your entire life, that there's something wrong with the world [wide web]." — Morpheus, The Matrix Whatever the reason, you're done with others owning your content, your identity, and your self. Our online content and identities are becoming more important and sometimes even critical to our lives. Neither are secure in the hands of random ephemeral startups or big silos. We should be the holders of our online presence https://indieweb.org/benefits
#
GWG
wyre: Someone built Loqi to help answer questions like that.
#
GWG
wyre: But, what brought you here, may I ask? Just the name?
#
wyre
the wordpress in the name
#
GWG
wyre: Yes. We have a few rooms. This is for people who want to add Indieweb functionality to their wordpress site.
yalangctc, FordDiscord[m], gRegorLove, [fluffy], [chrisbergr], [jgmac1106], SevenTwenty, [tantek], jeremych_, [LewisCowles], [KevinMarks], dougbeal|mb1, dougbeal|iOS and xdecimal joined the channel; FordDiscord[m] left the channel
#
[chrisbergr]
White screen of death if logged in after updating 6 plugins. I haven't had that for a long time. Didn't miss it.
shah^ joined the channel
#
GWG
Oh?
#
[chrisbergr]
debug.log tells "wp_deregister_script was called <strong>incorrectly</strong>. Do not deregister the <code>jquery-ui-core</code> script in the administration area. To target the front-end theme, use the <code>wp_enqueue_scripts</code> hook."
#
[chrisbergr]
I guess this is not done by any indieweb plugin, so it is off topic here. I just needed to express myself. Now I'm downloading the whole plugins directory to be able to do a directory search for this function. Unnecessary work.
JBmc, [tantek], almostdvs, [qubyte], [snarfed], [dougbeal] and gRegorLove joined the channel; JBmc left the channel
#
[chrisbergr]
2,5hrs wasted. Actually, I wanted to test micro pub.
jbove, [jgmac1106], BigDuckEnergyDis, [chrisbergr], [LewisCowles] and [chrisaldrich] joined the channel