MC4WP different look for MailChimp form on another page

  • Opgelost pelgrimrat

    (@pelgrimrat)


    1 jaar, 1 maand geleden

    Dear members of the forum,

    I’m using the MC4WP plugin for an opt-in form for newsletters.
    This form is used throughout the website, but on 1 specific page I want to change the color of some text elements.

    I have tried doing this using specific page-id css and custom css classes, but I can’t figure it out.

    I hope there is someone out there with a suggestion!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 jaar, 1 maand geleden

    Hi!
    These are the Dutch WordPress.org forums, so here we communicate in Dutch. If you don’t speak Dutch, feel free to join the international forums at https://wordpress.org/support/

    Hallo!
    Dit zijn de Nederlandse forums van WordPress.org, dus de voertaal hier is Nederlands. Als je enkel Engels spreekt, dan ben je meer dan welkom op de internationale forums op https://wordpress.org/support.

    Groet,
    Jeroen

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 jaar, 1 maand geleden

    Met een extra .page-ID-XX klasse zou dat nochtans goed moeten werken? Kan je de CSS die je probeerde eens delen met ons?

    Thread starter pelgrimrat

    (@pelgrimrat)

    1 jaar, 1 maand geleden

    Beste Jeroen,

    Bedankt voor je reactie.

    Ik heb deze CSS geprobeerd om het uiterlijk op de specifieke pagina aan te passen:

    .page-id-7367 .mc4wp-form-fields #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    color: #525f65;
    font-weight: 600;
    }

    Helaas worden deze eigenschappen overal doorgevoerd, niet alleen op die specifieke pagina.

    Ik ben erg benieuwd naar wat ik verkeerd doe.

    • Deze reactie is gewijzigd 1 jaar, 1 maand geleden door pelgrimrat.
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 jaar, 1 maand geleden

    Dat komt omdat je enkel in de eerste selector .page-id-7367 hebt gezet. Maar je hebt in je CSS heel veel komma’s staan, dus dat zijn aparte selectors. Als je dus overal die .page-id-7367 voor zou zetten, zou dat moeten werken…

    Thread starter pelgrimrat

    (@pelgrimrat)

    1 jaar, 1 maand geleden

    Ik heb het geprobeerd, maar er is geen verschil. Op alle pagina’s blijft de invoer tekst wit.

    Ik heb nu deze code gebruikt:

    .page-id-7367 #top .main_color .input-text, .page-id-7367 #top .main_color input[type='text'], .page-id-7367 #top .main_color input[type='input'], .page-id-7367 #top .main_color input[type='password'], .page-id-7367 #top .main_color input[type='email'], .page-id-7367 #top .main_color input[type='number'], .page-id-7367 #top .main_color input[type='url'], .page-id-7367 #top .main_color input[type='tel'], .page-id-7367 #top .main_color input[type='search'], .page-id-7367 #top .main_color textarea, .page-id-7367 #top .main_color select {
    color: #525f65 !important;
    font-weight: 600 !important;
    }

    Thread starter pelgrimrat

    (@pelgrimrat)

    1 jaar, 1 maand geleden

    Beste Jeroen,

    Heb je naar aanleiding van mijn reactie nog een idee wat ik kan proberen?
    Ik zou er erg mee geholpen zijn!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 jaar, 1 maand geleden

    Hmm, had nog niet veel tijd om echt verder te kijken. Had je al Enfold cache gecleared (zie documentatie hier), misschien wordt je CSS nog niet nietjes toegepast of is je structuur van je selector nog steeds niet goed?

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘MC4WP different look for MailChimp form on another page’ is gesloten voor nieuwe reacties.