Behöver hjälp med CSS

  • robelo2

    (@robelo2)


    för 2 månader sedan

    Jag håller på att bli galen på riktigt. Man fixar ett problem och så dyker 100 andra problem upp när man tror man är klar. Var i princip nästan klar med min sida när jag gjorde någon grej och nu ser hela sidan ut som skit och jag kan inte lokalisera vad jag gjort för fel egentligen. Kan heller inte gå tillbaka eftersom jag så sällan gör backuper.

    Det som inte fungerar nu är för det första min slide-show. Den verkar bara fungera nu för 768 och uppåt i upplösning.

    Min Mobila ”M” back to main knapp syns inte på vissa sidor trots jag valt att den ska vara synlig där. html för den finns i header.php.



    Min html i header.php : https://pastebin.com/ZCeqFpgR
    Min html i functions.php : https://pastebin.com/rYvzmWu5
    Min html för min main page- abcd.php: https://pastebin.com/12pUVA87

    min custom-style.css :https://pastebin.com/yVjqEpyS
    min css för paid memberships pro pages: https://pastebin.com/hvZpMbwb

    Edit: vill bara tillägga att jag ej får wordpress admin headern heller att flytta på sig för upplösningar som är lägre än 768.
    Fungerar för högre upplösningar. Lägger min CSS För detta här…

    @media (max-width: 767px) {
    #wpadminbar {
    margin-top: 50px !important;
    z-index: 50;
    }
    }


    • Detta ämne redigerades för 2 månader sedan av robelo2.
    • Detta ämne redigerades för 2 månader sedan av robelo2.
Visar 1 svar - 1 till 7 (av 7 totalt)
  • Moderator tobifjellner (Tor-Bjorn “Tobi” Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    för 2 månader sedan

    Använder du fortfarande Astra? Det är inte meningen att du ska redigera temats PHP-filer. Astra är konstruerat så att användaren kan ändra webbplatsens hela utseende via ”Anpassaren”.

    När webbplatsen uppdaterar ditt tema raderas ALLT under temats katalog, och ersätts med filerna från den nya versionen av temat.

    Om du vill bygga ditt eget tema bör du istället använda något minimalt start-tema, såsom ”Underscores” eller ”Air-light”. Du kan googla på ”WordPress starter theme for developers” för att hitta fler.

    Trådstartare robelo2

    (@robelo2)

    för 2 månader sedan

    Aha, alltså jag använder Astra som tema, men jag gjorde ett template eller vad det nu kallas, child? kanske. Och där har jag alltså slängt in alla mina sidor som jag bygger på. Men jag kanske gör på fel sätt då? För det känns ibland som jag har väldigt svårt att få saker att bli rätt placerade på sidorna.

    Fick hjälp utav en kompis igår och inte ens han förstod varför min slider inte fungerade så fort upplösningen blev mindre än 768. Jag kan t.o.m. se när jag inspekterar sidan att min custom-style.css inte blir laddad när upplösningen är 767 eller mindre. Fick den att fungera förut och har t.o.m. försökt gå tillbaka till min gamla kod då det fungerade, men det hjälpte inte.

    Han tyckte jag skulle börja om från början med woo commerce plugin och bygga sidan inifrån wordpress istället för att göra som jag gör nu. Jobbat med sidan i över 1 år så det känns rätt motsträvigt och mitt tålamod är inte vad det var en gång i tiden. Om jag visste hur man kunde lägga upp sidan så den blev online hade du kanske kunnat kolla, men jag har inte riktigt koll på hur man gör det. Men ska försöka.

    Uppdatering: Fått lite mer info nu. Jag testade göra en helt ny sida och en css med bara slidern. Den gör exakt samma sak. Så jag inspekterar och ser under network tab att det blir 404 error på min CSS fil, även på desktop upplösning vilket är konstigt då jag ser att min css stil blir insatt trots 404 error. Så något är galet här och tror inte det är något vanligt problem.

    • Det här svaret redigerades för 2 månader sedan av robelo2.
    • Det här svaret redigerades för 2 månader sedan av robelo2.
    Trådstartare robelo2

    (@robelo2)

    för 2 månader sedan

    Uppdatering igen: Verkar som jag fått CSS Filen att ladda när jag körde den ifrån functions.php, men det blir fortfarande samma problem att så fort upplösningen är mindre än 768 så vägrar stilen laddas. Ser att min fil blir laddad osv, men den fungerar inte för under 768……….

    Moderator tobifjellner (Tor-Bjorn “Tobi” Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    för 2 månader sedan

    Jag vet inte exakt hur Astra hanterar detta. Men på din beskrivning verkar det som om olika CSS-filer laddas beroende på sidans bredd. Du kan behöva lägga in koden för slidern i ytterligare en eller två filer.

    Men överlag är Astra tänkt att fungera som ett ramverk för sidbyggande med ”klicka och dra”. Om du försöker att koda saker direkt mot CSS- och PHP-filer kan du få oväntade resultat.

    Så mina rekommendationer kvarstår: Om du vill bygga ett traditionellt tema ”för hand” kan du börja med t.ex. ”_s” (underscores). Annars skulle jag rekommendera att du provar på något nytt tema med stöd för ”webbplatsredigeraren” (ibland kallad FSE – Full Site Editing). Du kan t.ex. använda WordPress senaste standardtema ”twentytwentyfour”. Du får på det sättet i princip fria händer att finjustera hur din webbplats ska se ut.

    Trådstartare robelo2

    (@robelo2)

    för 2 månader sedan

    Var tvungen ha dessa CSS högre upp i min style.css för att det skulle fungera. Som om något annat i koden störde. Vet inte vad det var, men nu kan jag ha den lägre ner igen också utan problem. Så det var jättekonstigt. Har bytt nu även till twentytwentyone-child med minimalt tema. Hållit på med nu utan att krydda, 24 timmar bara för att få logon min centralt på sidan och responsivt, men ingenting fungerar. Förstår inte varför det ska vara så svårt. Men tror jag ska sluta fråga chatgpt om hjälp för det verkar bara göra det värre.

    Moderator tobifjellner (Tor-Bjorn “Tobi” Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    för 2 månader sedan

    Generativ AI kan vara till god hjälp när du vet vad du är ute efter och snabbt kan se vad som blir rätt eller fel.

    Men det finns så många olika sätt att strukturera en webbsida, och vilka CSS-klasser du behöver använder beror ju helt på vilka klasser som finns definierade i ditt tema, och där har ChatGPT än så länge minimal koll.

    Om du vill justera något enstaka objekt är det oftast smidigast att i webbläsarens inspektionsverktyg för utvecklare studera HTML-koden och CSS-klasserna och prova dig fram genom att lägga in extra CSS via samma inspektionsfunktion. Googla på ”add custom CSS via inspect element” så hittar du beskrivning på detta.

    Trådstartare robelo2

    (@robelo2)

    för 1 månad, 3 veckor sedan

    Hej. Ja jag blev då galen när jag inte fick till logon så jag tog bort hela sidan och databasen och började om på nytt.

    Så tänkte köra alltså med temat twentytwentyfour och bygga från wordpress utan att behöva koda så jäkla mycket. Men så får jag problem med att få menu-title, själva menybaren som jag vill ha den. Jag tog bort kategorier och la till de jag vill ha, men ingenting förändras, så i princip allt jag gjorde fungerade inte och förstår inte varför. Så då vart jag less och gjorde ett child tema på twentytwentyone istället.

    Stöter på problem direkt nu när jag inte ens kan få bort page-title på alla sidor.

    Testade: .entry-title {
    display: none !important;
    }

    i mitt child-theme under style.css. Snart orkar jag inte mer.

Visar 1 svar - 1 till 7 (av 7 totalt)
  • Du måste vara inloggad för att svara på detta ämne.