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. 

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;
}

Besvar#2 @bobach kommenterede for 4 år siden

Hej 

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

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.

Besvar#4 @bobach kommenterede for 4 å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. 

 #4  Hej  @bobach   

Det skulle meget gerne virke det som min kollega  @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:

(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  d. 05.06.2016 kl. 10:35

Kan du sende os link til WordPress-siden ?

Besvar#7 @bobach kommenterede for 4 å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

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.

Besvar#9 @bobach kommenterede for 4 år siden

Hej Daniel. 

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