TheJoshShephard
TheJoshShephard
PostsComments
KPCKevin Powell - Community
Created by Blackwolf on 4/11/2024 in #front-end
How do I get HTML Color Picker to return RGB values
Noted! I've only recently been getting back into everything. So I haven't touched inputs yet since the site I've been using doesn't allow for them. But either way, thanks for the heads up!
25 replies
KPCKevin Powell - Community
Created by Blackwolf on 4/11/2024 in #front-end
How do I get HTML Color Picker to return RGB values
Noted! That seems interesting!
25 replies
KPCKevin Powell - Community
Created by Blackwolf on 4/11/2024 in #front-end
How do I get HTML Color Picker to return RGB values
If you're on Windows use the color picker tool in Power Toys and you can access whatever variant you need. Also if you mean in the developer console. You can change it easily with Chrome or Firefox
25 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
I greatly appreciate it! I'll save the screenshot for future reference! Thanks again for everything!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
Hey Mark, So I just played around with stuff again, and I think unfortunately that work. It looks like I'll just have to skip preserving the link all together. Which is still fine I guess. I still appreciate you attempting to help find a solution. Still gave me some insight on how else to approach things!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
So that almost works, I think I just need to trouble shoot it a little or figure how I can adjust it with my current code. Thanks again, Mark! I'll get back to you if I figure it out!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
WOW! That was quick! I'll give it a shot, one moment. Thanks, Mark!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
Hey Choo, thanks for the response, unfortunately on the site. I'm limited to pure CSS. I'll make an edit to my post real quick. Because I did mention it once earlier!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
Yeah I had a feeling that might be an issue. So I assume I would likely just have to re enter the full thing with the link included. But if there is a way, that would be awesome!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
Noted. It's just on the site, what I've been doing is the following 
.divname h4{
text-indent: -9999px;
line-height: 0;
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
gap: 7px;
}
.divname h4::before{
content: "New Title Here";
text-indent: 0;
display: block;
line-height: 1.9em;
}
.divname h4{
text-indent: -9999px;
line-height: 0;
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
gap: 7px;
}
.divname h4::before{
content: "New Title Here";
text-indent: 0;
display: block;
line-height: 1.9em;
}
So that's why I'm trying to figure how to target whats before <a>, that way I can alter and replace it like such. Which has worked on every part except the section I'm currently working on
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 4/3/2024 in #front-end
Pseudo Selector Solution?
Hey @MarkBoots thanks for responding! I'm mainly looking for a way to replace the content. That way if says "Latest Projects [view]" for example, I wanna change it to "New Post" [view]. So I need to target the words before the <a>, but :not(a) doesn't work, I've also tried :not([href]) and :not(href) assuming that works. Also I should have clarified previously in the post. The site does not allow javascript. So everything I do is purely CSS based Thanks!
18 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
So I tested that out earlier, and it sort of messes things up. At least in how I'm trying to get it to look. No worries, I appreciate you trying to help either way. I pretty much want it to look as it does, spacing and all. I think over all I just wanna fix sizing issues? So in one part, yes I do want that text centered, and in the place as it was normally. But I also want the logos spaced, and positioned at the tail of the large logo in the image. To better explain my thoughts on the structuring. I set the containers to be 810px wide since the sites main container is 810px. So I wanted to make sure certain content and images lined up within that area. With exception to the header and the Spotify logo overflowing the containers. I just wanna be able to size to some smaller screens, while keeping the same proportions. For example I have a fixed copy of the album art in section 2, which shrinks. Though I don't want it to. Especially since in Chrome, there's a Back to Top image that lines up with the art at the bottom. The main issue, is that by less, than 1080px wide. Something cuts into the sides of the top 2 sections. Which I don't know how to adjust yet. Though I would maybe wanna start styling for break points from there. I'm not fully sure what to do, to make things start wrapping around correctly?
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
@Chris finally cleaned up the css, and figured how to make the site into an editable template. I had to delete the sites stylesheet import from the HTML, then use the import rule to start the CSS, and paste my original CSS. I also had to add the DIV's back in a section they would normally appear in the HTML. So now it should be easier to test any feedback! https://codepen.io/TheJoshShephard/pen/QWPqzpY
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
No description
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
No description
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
I just gave that a try in codepen, and it seems like it's a good alternative. But the issue still exist. I forget exactly why I did grid compared to flex. I played with flex earlier in the developer console but was getting different issues all together. One being I think I wasn't allowed to use gap or kept being prompted that gap was wrong (which really confused, since I seem to have used it earlier) The issue I'm talking about is just the empty space, which shows up at the size. Since I'm assuming my design isn't as responsive as it could be. I plan to maybe do more adaptive designs, but I still plan to better understand how structure for fluid. Quick edit: Thanks for you response and taking a look at things btw!
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
Yeah, it's hard to tell. I've only been able to see it's certainly either one or both. Here's the codepen, I just took the page source for the html and inputed the CSS on the side to see it all better. Just a note about the CSS is that some stuff in there is just to manipulate pre built elements in the site. https://codepen.io/TheJoshShephard/pen/oNOGPQo
13 replies
KPCKevin Powell - Community
Created by TheJoshShephard on 3/29/2024 in #front-end
Empty Space Caused by Containers or Content
I recently made some small changes prior to seeing this, but here's my code pen. Also no worries. With regards to the structure, what seems wrong or confusing about it? https://codepen.io/TheJoshShephard/pen/oNOGPQo
13 replies