Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
Aww, thank you so much!!! I'll be sure to ask about stuff when issues start to pop up!
Okay! I have a question! Do you have any idea how to make a header image stop repeating itself on narrower screens? I heard changing it from pixels to a percentage could fix it, but either my previous attempts weren't coded correctly or it simply doesn't work because something else is causing the issue. My site (& thus the header image's code) is from Sadgrlonline's Layout Builder, btw!
Oh, that's a simple thing to solve! For the image to repeat itself, I assume you're using it as a background image, right? So, on the CSS, you gotta set its background-repeat to no-repeat. Also, the percentage thing is mainly useful if you wanna make the background image responsive on smaller screens. I hope this helps! ^^
It's not set as a background though! I don't think the template has the header image set to background, & I have no idea how to change it to BG either. I tried adding your suggestion (which I did see on a site a few days ago) under where the image is in the CSS & it did nothing. The header is :root { --header-image: url('address stuff'); There's also #header, but nothing happened when I added your suggestion?
Also! When I change the image from px to %, it just deletes itself from my website for some reason??? I added width: 100%; & alternatively tried width: auto; & also tried both but with height, but none of these seem do anything OR it deletes the header image from the site?
Ehh, I'm not really understanding how this layout of yours is behaving... I've coded my site entirely by hand, so all I know is regular methods that work outside of a template. I'll go inspect your code and see if anything works-
Ok, it's apparently simpler to change! From what it seems, you already have a style set for the header in the HTML, so remove the height it has there, and only work inside the sheet. Second, I think you should replace the var method to fetch the image and use url("your url here") instead. Then, you gotta write in your CSS - background-repeat: no-repeat; - so that it doesn't repeat on smaller screens.
It's always better to work on the stylesheet alone than mix CSS with HTML. Things get mixed up easily like this, y'know? I also recommend using background-style: cover if you want the image to stay inside the header regardless of screen size ^^
Okay, I'll try to do that then! The style sheet was something that was part of the template, & I was just wondering this morning if I should try to move the design elements to the CSS file where it belongs! Thank you so much for doing your best to help me out! I appreciate it very much!!!
Oh boy, there are *problems!* Moving the CSS into the CSS has angered the code gods, it pretty much deletes a massive chunk of the site, & multiple things don't actually work in the CSS file; like the numbers on the side are either yellow or red. And removing the height cuts off the image in an unintended way! I am extremely lost, omg.
Update! The header repeating on mobile has been fixed! Another issue popped up, but it's not the worst thing, so I'm leaving it! I would like to ask this though; I added a table to my site & designed it in the CSS file, but the design doesn't show up on mobile, just desktop? I'd imagine it's because the rest of the CSS is in
hey!!! i was just lookin at ur site the other day lol, its lookin so nice :3
art music videogames programming games anime personal food writing cats blog gaming movies books photography comics fashion design animation horror game furry coding technology portfolio manga drawing programacion ocs education poetry cute html sports fun history musica animals film philosophy reading programing literature arte kpop web science tech roblox politics minecraft computers travel school nature videogame retro youtube gamedev pokemon cartoons 2000s illustration memes video videojuegos internet fantasy blogging diary life dogs comic random videos test linux gardening webcomic love idk queer pink news nostalgia fanfiction kawaii fandom worldbuilding business cars arg stuff health silly emo y2k 90s oc tv vocaloid aesthetic journal fiction cooking learning math css space ai scifi website media stories software graphics homestuck lgbt football cat marketing crafts commissions sanrio goth cutecore culture 3d punk sport pixelart javascript films etc funny painting digitalart archive artist religion characters dnd metal trans development lgbtq entertainment cool arts fanart scene graphicdesign code diy streaming webcomics me comida sonic rpg webcore psychology dance story comedy webdesign educacion roleplay gay program hacking indie informatica cinema crochet plants computer weird cyberpunk electronics friends aboutme ttrpg baking soccer engineering editing it oldweb vaporwave languages weirdcore basketball reviews makeup guitar creativity originalcharacters journaling zines html5 rock about social clothes community lifestyle discord project fnaf aesthetics vtuber everything series information study pets nintendo testing spirituality shows photos sewing shop language storytelling mlp clothing beauty movie architecture blogs money biology experimental magic crypto japan undertale radio nothing digital resume tecnologia vintage blinkies lain shopping furries thoughts fitness futbol japanese ttrpgs cosplay ghchs coffee autism chat physics occult other info creative vr book carrd wip bugs websites lore witchcraft birds profile dolls television cybersecurity system site research splatoon deltarune webdevelopment finance apps gamedevelopment alternative python flowers astronomy juegos hobbies events band transgender free linguistics meme projects dreams rap deportes pixels singing fortnite anything work fish touhou photo toys windows robots personalwebsite developer fanfic genshin aliens security knitting vampires fansite mentalhealth wiki fnf fandoms theatre all mathematics puzzle pizza app dog links family online sleep lol humor a data roleplaying twitch dragons interests characterdesign drawings english breakcore modding astrology interactive adventure zonelets stamps twine animations gamedesign cartoon gallery hobby scenecore skateboarding gifs mystery collecting gothic bio android teaching no crafting ffxiv home pixel tf2 rp privacy death sleeping tvshows noise tarot coquette hiking medicine resources shrine zine gyaru dreamcore poems osc journalism objectshows hiphop essays visualnovels audio awesome graphic danganronpa deporte dancing communism chess rpgs romance jfashion meow swag podcast robotics puzzles moda progamming none car bitcoin lolita law plushies misc frutigeraero socialmedia mario things gym creepypasta computing recipes blender ecommerce tcc java doom girls christianity electronic scratch boardgames omori production paranormal intro utau anarchism mythology pictures vent clowns wrestling hellokitty myself old dark activism educational indiegames bfdi ocean epic flash images student pc spanish yaoi webdev stars lesbian piano help js 80s gatos geography computerscience tumblr truecrime running novels traveling cafe god feminism otherkin estudiante introduction musicals vkei dev creepy travelling translation realestate enstars plurality vtubers store programas unblocked southpark transformers maths tabletop environment college baseball trains jewelry bunnies event 3dmodeling retrogaming programar monsters forum curso marvel jpop brasil filmmaking services escuela chemistry warriorcats tools homepage closedspecies foods pastel lego starwars podcasts multimedia yes search techno hardware yuri shoes bts cyber outdoors weed persona opensource yoga whatever grunge popculture collection style construction jazz designing weather therian turismo shitposting kirby dinosaurs gamer kidcore craft sharks args cricket stickers maps videoediting animes insects pjsk fotografia novel sound collage tourism freedom birthday cryptocurrency acting restaurant songs angels peliculas mcr learn horses cine depression text salud petz conspiracy drugs vhs surrealism tea economics miriadax egl people blockchain service socialism did lgbtqia homework digitalmarketing ecology analysis species informacion studying medical animanga mobile world hi css3 cv furniture trading dj videography academic kandi surreal ideas general fishing hockey miku animales supernatural artwork volleyball tutorials programmer jesus skating pop edm foss bible alterhuman truth modeling ropa jogos theater swimming rats sciencefiction libros drama rpgmaker author racing guns cultura frogs bl estudio wedding bsd plural twitter practice halloween networking scary healthcare tattoos vlog ambient google 3dprinting brazil videogaming chatting water historia cleaning noticias class cryptids library glitch jjba conlang skincare ghosts society hair erotica live genshinimpact server mods anarchy schoolproject women soft cs company chill alt neocities ux prompts review tennis hardcore programa nerd academia christian frontend blue aviation tareas tiktok visualnovel university bot future cycling sculpture friendship startrek onepiece datascience knowledge crime lostmedia shitpost kids bikes character church rhythmgames tic synthesizers advertising shrines tecnology retrogames dating evangelion bands quotes training viajes jobs desarrollo anthropology ultrakill revival analog sustainability graffiti theory apple cozy php sociology finalfantasy archives tarea green theology instagram neopets blood idols creation house entretenimiento camping programs halflife literatura sites photoshop something pinterest webseries disney industrial performance batman designer silliness hack articles rainbow ar communication animal new cult play colors esoteric magick garden download otaku spooky creatures anthro writer visualkei index chaos desing draw girly french conlangs liminal meditation mylittlepony miscellaneous building kin youtuber illustrations cards joke eating csgo trabajo disability tokipona programacao 3dart jokes analoghorror repair zelda vampire shoegaze medieval notes vrchat tattoo overwatch facts gacha os hotel rants webring exercise 4chan musicproduction sketching paganism voiceacting club vtubing content rambling animalcrossing interactivefiction yugioh developing sims originalcharacter mushrooms retrocomputing map cheese dc magazine party amor gender folklore kink generator unblockedgames satire vegan ceramics archival unix lolitafashion pruebas doodles superheroes ios rave vinyl black quiz beer pet selfship marxism mtg talking stupid tokusatsu tips commission military scp oldroblox agriculture geek f1 embroidery time artes happy digimon practicas educativo proyecto conlanging self mecha ranfren underground garfield purple chiptune nft gis spiritual statistics doctorwho geocities ciencia riddle musician bass netflix men writting secret tutorial studio hosting private shifting spiderman calculator electronica adhd dungeonsanddragons wow mcyt creativewriting trinkets handmade farming academico label lofi guide words e sonicthehedgehog network projectsekai shit original travels steam products ui tamagotchi streamer city videgames directory beginner professional randomstuff motorcycles 1 nails crd cities spongebob manhwa biography minimalism database archiving charity solarpunk creating
Love your thoughts on availability! I completely feel the same way. It took a long time to adjust to getting off of commercial social media and start living my life without constantly checking my phone, but now that I've done it, I am actually Living Life way more! And no one needs constant access to me either :) Thanks for your thoughts!