Support » Thema en CSS/opmaak » nieuwsbrief en afbeelding naast elkaar welke code gebruiken?

  • sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)


    Ik heb geen kaas gegeten van html of css en zoek alles via Google op. Nu wil ik graag iets op mijn webshop wat me maar niet wil lukken en waar ik al een hele tijd mee zit.

    Ik heb een inschrijfformulier van Mailchimp (embedded code) op mijn website staan. Nu wil ik graag dat er een afbeelding van mijn weggever naast staat. Op dit moment is dat ook zo maar hij is zรณ enorm klein dat je hem haast niet ziet. Nu heb ik in de code van de nieuwsbrief iets zien staan van “full width screen” en ik denk dat het daar mee te maken heeft, maar zoals ik al zei ik heb er geen verstand van.

    Wie kan mij helpen om de juiste code te krijgen, zodat ik รฉn nog een werkend inschrijfformulier heb รฉn dat de afbeelding mooi naast mijn formulier staat?

    Mocht er meer informatie nodig zijn dan hoor ik dat natuurlijk graag ๐Ÿ˜‰

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • justinvdv

    (@justinvdv)

    Heb je een link van de pagina dan kan ik er even naar kijken

    Thread starter sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)

    justinvdv

    (@justinvdv)

    voeg dit aan je css toe:

    #newsletter-social img {
        max-width: 350px;
        margin-top: -40px;
    }

    Als het niet lukt hoor ik het graag

    Thread starter sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)

    Dit heeft inderdaad geholpen om de afbeelding mooi zichtbaar te maken naast het inschrijfformulier. Echt super bedankt!

    Heb je ook enig idee hoe ik de balk waar je je e-mailadres in moet typen wat kleiner kan krijgen en de witte balk onder het inschrijfformulier weg kan krijgen?

    justinvdv

    (@justinvdv)

    voor de de breedte van de balk:

    #mce-EMAIL {
       width: 30vw;
    }

    voor de wiitte balk eronder zie ik dat er een een tekst regel is toegevoegd on de container van het inschrijf veld. je zou kunnen kijken of je die kan vinden en dat verwijderen.

    zo niet kan je het ook met deze code doen:

    #newsletter-social {
       margin-bottom: -35px !important;
    }

    Deze beide codes zijn css codes dus deze toevoegen aan je css script en dan moet het goed zijn.

    met die breedte van je balk kan je natuurlijk spelen ik had er gewoon een random getal van gemaakt ( 30 ).

    Als het niet lukt hoor ik het.

    Thread starter sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)

    Die witte regel had ik blijkbaar zelf gemaakt. Dit was een enter regel. Blijkbaar heb ik met het plaatje invoegen een enter gebruikt. Deze enter regel heb ik nu verwijderd.

    De e-mail balk heb ik nu op 40vw, net iets groter gemaakt dus ๐Ÿ™‚

    Nu mijn laatste probleem. De tekst op de knop is ineens weg. Daar stond aanmelden maar is nu dus ineens weg. Niet overal want als ik naar de winkelmand pagina ga dan is de tekst er nog steeds gewoon in het wit en ook op de homepagina. Maar zodra je een categorie of een product aanklikt dan is de tekst er niet meer. Enig idee waar dat aan kan liggen want de tekst was wel steeds zichtbaar en nu ineens niet meer.

    Alvast heel erg bedankt voor alle hulp tot nu toe ๐Ÿ™‚

    justinvdv

    (@justinvdv)

    Heb je toevallig een cache plugin. Ik zie namelijk nog geen veranderingen het plaatje is nog klein en de wit regel is ook nog te zien. Ik zie dus ook nog aanmelden staan in de button

    Thread starter sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)

    Ja, ik gebruik inderdaad een cache plugin. Heb de cache geleegd dus zou nu goed moeten zijn ๐Ÿ˜‰

    justinvdv

    (@justinvdv)

    Ik zie de tekst aanmelden gewoon staan?

    Thread starter sassefrasmeisjesspeelgoed

    (@sassefrasmeisjesspeelgoed)

    Ik heb mijn cache geleegd, maar als je een product aanklikt en je scrollt dan naar beneden zie je de blauwe knop wel maar er staat niet “aanmelden” op. Ik zie het niet staan, mijn man ziet het ook niet op zijn laptop en een vriendin ziet het ook niet. Je moet dus echt een enkel product aanklikken en dan naar beneden scrollen.

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘nieuwsbrief en afbeelding naast elkaar welke code gebruiken?’ is gesloten voor nieuwe reacties.