Spacing

  • jixepo

    (@jixepo)


    8 jaren, 3 maanden geleden

    Hallo iedereen,
    Ik ben pas begonnen met wordpress en voel me op de moment nogal beperkt door de text editor van wordpress.

    Momenteel probeer ik een tekstblok te maken waarbij ik eerst een icoontje toon, dan zou ik 50px witte ruimte willen hebben en vervolgens een tekstje.
    Het probleem dat zich hierbij stelt:
    -als ik spatie gebruik komt er in de tekstblok lege spaties tussen maar deze verdwijnen als ik het werk save. Dit is logisch aangezien de html code hierdoor niet wordt aangepast.

    Ik heb reeds gedacht om via een onzichtbare tabel ofzo te werken maar dat wordt afgeraden op verschillende sites.

    Heeft iemand dus een idee (plugin advies is ook welkom) waarmee ik dus iets flexibeler kan zijn met de text editor?

    Info over mij:
    -Ik ken zeer weinig van coderen, dus wees aub voorzichtig met vakjargon.
    -Ik gebruik de shopkeeper theme
    -Mijn site is: http://www.suymode.be. Het gaat daarbij om de ‘contacteer ons’ pagina waarbij ik de de tekst dus iets verder van de icoontjes wil allignen.

    Indien iemand mij via skype wilt bijstaan zou ik dit ook zeer appreciëren.
    Vergoeding is ook mogelijk.

    Alvast bedankt,
    Stefan

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Dekjam

    (@dekjam)

    8 jaren, 3 maanden geleden

    Probeer eens css aan de afbeelding (icoon) mee te geven (style) en zet daarin dat je een ruimte aan de rechterkant wilt hebben van 50 pixels. Lijn de afbeelding ook nog eens naar links uit en volgens mij heb je alles wat je zoekt.
    Oftewel met de volgende code, style=”margin-right: 5px; float: left;” toegevoegd aan de afbeelding zou het moeten werken.

    Thread starter jixepo

    (@jixepo)

    8 jaren, 3 maanden geleden

    Als ik dat doe:

    1479167679_email_envelopestyle=”margin-right: 5px; float: left;”
    Mail: d@skynet.be

    dan komt die code er gewoon uiterlijk bij te staan?
    Als dat dan ook werkt voor de tekst (bv. ADRES, dan 50px, daarna uren) dan is dat inderdaad de volledige oplossing die ik zou wensen!

    Alvast bedankt voor de hulp.
    Mvg,
    Stefan

    Dekjam

    (@dekjam)

    8 jaren, 3 maanden geleden

    Je moet het ook niet plaatsen in je tekstverwerker als hij in de WYSIWYG modus staat maar je moet hem op tekst zetten. Als het goed is zie je dan dit <img src="http://www.suymode.be/wp-content/uploads/2016/11/1479167679_email_envelope.png" alt="1479167679_email_envelope" width="40" height="40" /> ergens staan.
    En dat moet dit <img class="size-medium wp-image-78 alignnone" src="http://www.suymode.be/wp-content/uploads/2016/11/1479167679_email_envelope.png" alt="1479167679_email_envelope" width="40" height="40" style="margin-right:50px; float:left;" > worden.

    Haal alleen wel de   weg. En volgens mij is 50 pixels te veel.

    Succes.

    • Deze reactie is gewijzigd 8 jaren, 3 maanden geleden door Dekjam.
    • Deze reactie is gewijzigd 8 jaren, 3 maanden geleden door Dekjam.
    Thread starter jixepo

    (@jixepo)

    8 jaren, 3 maanden geleden

    Ah ja dat werkt inderdaad zoals ik het wou!
    Hoe kan ik dat dan toepassen als ik het in een zin wil gieten?
    Mail: 
    <p style=”padding-left: 30px;”><d@skynet.be</p>
    Ik wil dus 30 px tussen mail & het mail adres maar zonder dat het mailadres op het volgend lijntje komt.

    En 50px is inderdaad te veel, maar ik ben momenteel gewoon wat aan het testen. Ik pak dus overdreven waarden zodat ik het resultaat goed kan zien.

    Dekjam

    (@dekjam)

    8 jaren, 3 maanden geleden

    Als ik het goed begrijp wil je tussen het woord mail en d@skynet.be 30 pixels hebben. Dat werkt dan niet door je tekst op 30 pixels vanaf de linkerkant te laten starten zo als je nu aangeeft bij de <p style="padding-left:30px;">. Dan kan je beter werken met <p>Mail <span style="margin-left:30px;"><a href="mailto:d@skynet.be">d@skynet.be</a></p>

    Thread starter jixepo

    (@jixepo)

    8 jaren, 3 maanden geleden

    Precies wat ik zocht! super hard bedankt Dekjam! 🙂

    Dekjam

    (@dekjam)

    8 jaren, 3 maanden geleden

    Zou je misschien als bedankje mijn Facebook pagina leuk willen vinden want eigenlijk wil ik graag geld gaan verdienen met dit werk.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Spacing’ is gesloten voor nieuwe reacties.

Tags