hjælp en nybegynder indenfor CSS - Side 1 - Amino.dk
på Amino
Bliv gratis medlem på Amino
 

Køb et Amino Sponsorlink

 

Nye ekspertblog-indlæg
om  E-handel, Internet & Online marketing

Læs flere ekspertindlæg
 

Top karmaliste (30 dage)

De flinkeste Amino’er der hjælper mest med "Teknik, hosting & e-handelsløsninger "

 

hjælp en nybegynder indenfor CSS

Side 1 ud af 1 (6 indlæg)
Amino-karma 355
Fra Vejen
Tilmeldt 26. mar 14
Indlæg ialt: 86


Fra ServiWet Hot Towels Re...
Skrevet 22-05-2019 kl. 20:26

Jeg forsøger at rette en design-fejl på min webshops check-ud side.

Jeg har googlet rundt og lært mig selv lidt om CSS - og kan nu godt finde ud af at finde frem til fejlen og rette den i udviklerværktøjet -  men jeg kan simpelthen ikke finde ud af hvordan jeg får kopieret koden over og indlejret som CSS på min side. Jeg har set mange tutorials om emnet, men synes ikke det helt ligner mit eksempel - hvordan kommer jeg videre? - er der en venlig sjæl der kan sige mig hvad det er for en kode jeg skal kopiere og indsætte.

Jeg har forsøgt at illustrere problemet herunder:

Siden hedder www.serviwet.dk/kasse.

Grossist for restauranter, caféer, hoteller, konferencecentre og klinikker.

www.serviwet.dk Kontakt mig på +45 40373351

Amino-karma 4.921
Tilmeldt 18. apr 07
Indlæg ialt: 1.342

GrN.dk - Web, Excel og Logistik
Fra GrN.dk
Skrevet 23-05-2019 kl. 06:58

Hej Rikke, da siden er lavet i wordpress, er det nemmeste sandsynligvis at overstyre CSS på temaet i Wordpress kontrolpanelet: https://css-tricks.com/methods-overriding-styles-wordpress/

Du skal se hvilke klasser eller ID'er dine elementer har så du kan overstyre dem: https://www.w3schools.com/css/css_syntax.asp

God vind!

Du velkommen til at kontakte mig, hvis du ønsker hjælp og et godt tilbud.

VH. GrN.dk

IT ++ GrN.dk - automatisering af regneark, systemintegrationer, datakonvertering, datahentning, prototypeudvikling, oekonomiske beregninger og logistikmodeller.

Amino-karma 191
Fra Ørestad
Tilmeldt 10. apr 19
Indlæg ialt: 52

Frederik Nebel
Fra visibility.group
Skrevet 23-05-2019 kl. 07:58

Lidt svært at rode med uden adgang til din on-page CSS. 

Men du skal rode med din class der hedder .woocommerce-terms-and-conditions-checkbox-text som ligger i en <span> </span>

I den class kan du rette teksten til, så det kommer til at passe med pladsen mellem checkbox og ovenstående.

Når du har indstillet selve checkboxen således, så står den 100% korrekt.

Så det er kun teksten du skal få til at passe.

visibility.group | SEO løsninger | Tekstbureau | Reklamefilm | Grafisk design

Amino-karma 355
Fra Vejen
Tilmeldt 26. mar 14
Indlæg ialt: 86

Rikke Kjeldsen
Fra ServiWet Hot Towels Re...
Skrevet 23-05-2019 kl. 19:28

Tak for svaret begge 2.

Jeg tror nok jeg vidste det i skriver i forvejen, men jeg kæmper med at få det til at ske i praksis - men tak for det...jeg prøver lidt mere.

Grossist for restauranter, caféer, hoteller, konferencecentre og klinikker.

www.serviwet.dk Kontakt mig på +45 40373351

Amino-karma 889
Fra Helsingør
Tilmeldt 11. jun 12
Indlæg ialt: 181

Lars
Skrevet 23-05-2019 kl. 21:05

Hej Rikke,

Hvis du går ind i "Udseende > Tilpas" i wp-admin og vælger "Ekstra CSS" og derefter indsætter følgende:

input#terms.woocommerce-form__input {
  position: initial;
  margin-left: initial;
}

Så burde din checkbox blive vist korrekt igen.

Problemet skyldes følgende CSS:

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}

fra filen http://sandkasse.serviwet.dk/wp-content/themes/fastshop/assets/css/bootstrap.min.css

Håber du kan få det til at virke.

Mvh. Lars

Amino-karma 355
Fra Vejen
Tilmeldt 26. mar 14
Indlæg ialt: 86

Rikke Kjeldsen
Fra ServiWet Hot Towels Re...
Skrevet 23-05-2019 kl. 22:37

Tak for hjælpen Lars

Så lykkedes det alligevel til sidst Smile

Grossist for restauranter, caféer, hoteller, konferencecentre og klinikker.

www.serviwet.dk Kontakt mig på +45 40373351

Side 1 ud af 1 (6 indlæg)

RSS-feed
 
E-handel, Internet & Online marketing er venligst sponseret af:

Teknik, hosting & e-handelsløsninger
Besøg vores samarbejdspartnere :