v5.dk logo
Kom ind og besøg vores Discord Chat-community
Bliv medlem her eller læs mere om Discord her
1 stor kaffe i byen eller 1 hel md.
som Premium-medlem, valget er dit! :-)

Mere info Køb nu

Premium på v5.dk
v5.dk logo  v5.dk e-learning
Log på med Facebook
  • Log ind på v5.dk
  • Opret bruger
  • Log ind
  • v5.dk Premium
  • v5.dk Premium
  • Hvad siger vores kunder?
  • E-læring for begyndere
  • icon for WordPress 4 e-learning WordPress 4
  • icon for Office 365 e-learning Office 365
  • icon for Microsoft Word e-learning Microsoft Word
  • Bloggen for alle
  • E-læring for nørder
  • icon for PHP-programmering e-learning PHP-programmering
  • icon for iOS Programmering e-learning iOS Programmering
  • icon for Linux Server e-learning Linux Server
  • Bloggen for nørder
  • Arkiverede videoer
  • Fællesskab
  • Forum
  • Idéer og ønsker
  • Markedspladsen
  • v5.dk Premium
  • Gratis webhotel
  • Cloud-servere
  • Om v5.dk
  • Søg på v5.dk
  • Om v5.dk ApS
    • Om virksomheden
    • RSS-feeds og tjenester
    • Driftsmeddelelser
    • Presse-kit
    • Ledige jobs
    • Social Netværk
      • Facebook
      • Twitter
      • Instagram
    • Alt det andet
      • Forretningsbetingelser
      • Ophavsret og Copyright
  • Kontakt kundeservice
  • FAQ og Hjælp
    • Premium og abb.
    • Videoer og Afspiller
    • Forum og Points
    • Cloud-servers
  • Partner/Virksomhed
  • Partner-kanal
v5.dk logo mobile
  • Menu
  • Opret bruger

bokse bliver i forskellige størrelser

  • v5.dk
  • Forum
  • Wordpress
  • bokse bliver i forskellige størrelser
  • Sidevisninger: 4369 har set dette indlæg
Besvar #0Spørgsmål oprettet af @bobach | 7265 points
30 points ude 9 indlæg 6 år siden Spørgsmål besvaret
avatar
 

Hej

 

jeg har i noget tid kæmpet med at få nogle simple tekst bokse til at have samme størrelse uden held i wordpress. Som i kan se nedeunder så bliver de forskellige så snart teksten ikke er samme længde. Hvordan løser man det! Det skulle gerne være sådan at de skulle være ens , det giver bare et meget bedre design.

Det skal sige at jeg har prøvet med forskellige plugins og de gør alle sammen det samme, så tænker det ikke er der man evt retter den kode. 

Billede uploadet af bobach

Dette svar er accepteret af OP og tildelt 30 points
avatar
 
Besvar#1 @db Admin svarede for 6 år siden

Hej,

Umiddelbart er de jo designet til at tilpasses indeholdet, men hvis ud vil force en bestemt bredde, kan du angive en CSS-attribut der hedder width.

Enten i din CSS-fil eller direkte inline på objektet. Nu kender jeg ikke det plugin du omtaler, men hvis du kan rette CSS-filen der "stiler" knapperne, kan du sætte et width-paramter ind:

BEMÆRK: Jeg ved ikke hvad dine knapper hedder!
Så erstart .dinKnapClass med det klasse-navn:

.dinKnapClass {
   width: 300px !important;
}

 


Med venlige hilsner

Daniel Bahls Signatur   Daniel Bahl (@db)
   CEO – v5.dk ApS

avatar
 
Besvar#2 @bobach kommenterede for 6 år siden

Hej 

 

SiteOrigin Button jeg bruger dette. Jeg formoder du henviser til widget attributten. 

 

Billede uploadet af bobach

avatar
 
Besvar#3 @db Admin kommenterede for 6 år siden

Jeg kender ikke lige det omtalte plugin. Hvad sker der hvis du sætter følgende ind i feltet "CSS stiler":

width: 300px !important;

Naturligvis erstat 300px (pixels) med den ønskede bredde.


Med venlige hilsner

Daniel Bahls Signatur   Daniel Bahl (@db)
   CEO – v5.dk ApS

avatar
 
Besvar#4 @bobach kommenterede for 6 år siden

Hej Daniel

 

Der sker ingenting. Det under mig en smule faktisk. jeg tænker jeg nok gør et eller andet forkert :) Nu har jeg lige lavet en billed mere - tænker det er her jeg laver et eller andet forkert - fordi det er her jeg laver indstillingerne over hver enkel knap. 

 

avatar
 
Besvar#5 @dhh Admin kommenterede for 6 år siden

 #4  Hej  bobach @bobach   

Det skulle meget gerne virke det som min kollega  db @db   har skrevet. Du kan dog altid dobbelttjekke om dine "custom" CSS styles faktisk blive gemt og brugt. Ved at gå ud på hjemmesiden og så højreklikker på knappen og så vælger "Inspect" i bunden. (I hvert fald i Google Chrome.) Du vil nu få noget lignende det her op:

Billede uploadet af dhh

(Her er det Rediger knappen her på v5.dk jeg valgte og "Inspecte". Som du kan se ovre i højre kolone, så har den alle de styles som ikke er streget ud.)

Hvor du så kan dobbelttjekke hvad din browser ser. En anden ting der er god at gøre, er at lave en "hard" refresh. Hver gang du laver noget om i CSS. Det vil sige, at når du refresher din hjemmeside, så skal du på Windows (og Linux) holde CTRL + SHIFT + R nede for at lave en såkaldt "hard" refresh. (I hvert fald i Google Chrome.) På Mac kan det gøres med CMD + SHIFT + R. Det vil nemlig gøre at den henter alle filer igen og ikke bare bruger "cachen" fra din hjemmeside. Jeg håber at mit lille indspark hjalp dig lidt yderligere på vej.  I hvert fald i form af at kunne finde fejlen nemmere i fremtiden.

Redigeret af dhh @dhh  d. 05.06.2016 kl. 10:35

Med venlige hilsner

Daniel H. Hemmingsen (@dhh)

avatar
 
Besvar#6 @db Admin kommenterede for 6 år siden

Kan du sende os link til WordPress-siden ?


Med venlige hilsner

Daniel Bahls Signatur   Daniel Bahl (@db)
   CEO – v5.dk ApS

avatar
 
Besvar#7 @bobach kommenterede for 6 år siden

Hej Daniel og co. 

 

Det virkede tusind tak for hjælpen. Det sandt jeg lige havde glemt den hemmelige knap med at refresh siden...... Ja så sker der slet ingenting, nu ser det ud til at virke.

det eneste problem der så opstod er at det hele ligge i venstre siden og ikke centeret på midten, hvilket også giver en dårlig mobil version :( 

I kan lige tjekke det ud her.

http://superwomen.dk/makeup/

 

iøvrigt tak for alle jeres videoer og ikke mindst jeres hjælp - det fantastisk

avatar
 
Besvar#8 @db Admin kommenterede for 6 år siden

Super, at du fik det løst.

Jeg tænker det smarteste ville være på mobile-devices at sætte bredden til 100% så hver knap fylder hele skærmen, nu hvor der ikke er plads til kolonner.

Det kan du gøre med følgende CSS-kode:

@media only screen and (max-device-width: 480px) {

  .panel-widget-style {
     width: 100% !important;
   }
   
}

I princippet fortæller ovenstående at alle devices der har en skærmstørrelse på max 480px, skal bruge en specifik regel der sætter bredden til 100% af skærmstørrelsen.


Med venlige hilsner

Daniel Bahls Signatur   Daniel Bahl (@db)
   CEO – v5.dk ApS

avatar
 
Besvar#9 @bobach kommenterede for 6 år siden

Hej Daniel. 

 

Det fik det hele til at se meget meget bedre ud, tusind tak for hjælpen. 

Spørgsmålet er besvaret, men du er altid mere end velkommen til at skrive en kommentar!
avatar
 

Du er ikke logget ind

Du skal være logget ind på v5.dk før du kan benytte vores forum. Det er ganske gratis at oprette en bruger.

Opret en ny gratis bruger Log ind

Følger med i denne tråd

bobach

Forum kategorier

  • Generelt
  • Guides & Howto84
  • Offtopic / Andet158
  • Microsoft Office
  • Microsoft Word11
  • Microsoft Excel4
  • Microsoft PowerPoint0
  • Web og hjemmesider
  • Wordpress17
  • Operativsystemer
  • Apple Mac OS X14
  • Apple iOS28
  • Microsoft Windows4
  • Linux16
  • Teknologier
  • Netværk og WiFi3
  • Internet-tjenester9
  • Programmering
  • PHP-programmering124
  • iPhone-/Xcode-programmering9

Aktive forum-tråde lige nu

Er det værd at have en "portfolio"-hjemmeside!?
Fejlkode i form af bip-lyde ved opstart af gammel stationær PC
MacBook gået ud ved indsættelse at IPhone SE…
Is Weed Legal in Europe
Buy real passport online|Buy counterfeit money
Chrome Auto Fyld holdt op med at virke
ÆØÅ
Tegne Program
Bygget med af v5.dk
© Copyright 2006-2023 • Forretningsbetingelser • Copyright • Persondata- og Cookiepolitik
v5.dk ApS - Åbogade 15 - 8200 Aarhus N - CVR: 36902833
v5.dk logo
Hej, vi hedder v5.dk og vi laver e-learning på dansk

v5.dk er sat i verden for at gøre teknologi tilgængeligt og anvendeligt for både professionelle og almindelige brugere på alle niveauer.

93 200 555
  Skriv til os
v5.dk bruger cookies til at huske dine indstillinger, livechat samt til statistik
 

Alle vores priser er inkl. moms Sikker SSL-beskyttet forbindelse

Dankort og Visa-Dankort  Visa  Mastercard og Mastercard Junior  Maestro

  • Produkter
  • v5.dk Premium
  • Cloud-servers
  • v5.dk
  • Om v5.dk
  • Kunderne siger
  • Kontakt os
  • Presse
  • Stay updated
  • RSS & tjenester
  • Søg på v5.dk
  • Sitemap